Adapt to use function to call processing rather than upload immediately after choosing file(s)

[VitoAsaro]

First of all, thanks for this function; it's excellent!
I've been trying to implement this as part of another function, so I'm not using it as part of the jquery document ready:

$(document).ready(function(){
$('input[type="file"]').ajaxfileupload({
'action': 'uploadfile.cfm'
});

I'm attempting to call it from another function that is called by a button on my form:
<input type="button" name="btnAction" id="btnAction" value="UPDATE RECORD" onClick="recordAddUpdate(this.form);" >

within the function recordAddUpdate(theForm) to call the ajaxfileupload I have:
...
$('#uploadImage').ajaxfileupload({
'action': 'bsl-editor/bslupload.cfm',
'submit_button': $('#btnAction')
});
...

This works, but only after the "UPDATE RECORD" button is pressed twice
I see in your javascript that the first time the function processes, nothing occurs because it's processing the "ajaxUploader-setup" as true and initializing.
How can I have it both set up (initialize) and process with only a single call to the function?

Thanks!!

[jfeldstein]

Try calling .change() on the file input or initializing the ajax upload
before the user chooses the file

~ J

(via phone)
On Mar 10, 2014 6:07 PM, "VitoAsaro" [email protected] wrote:

First of all, thanks for this function; it's excellent!
I've been trying to implement this as part of another function, so I'm not
using it as part of the jquery document ready:

$(document).ready(function(){
$('input[type="file"]').ajaxfileupload({
'action': 'uploadfile.cfm'
});

I'm attempting to call it from another function that is called by a button
on my form:

within the function recordAddUpdate(theForm) to call the ajaxfileupload I
have:
...
$('#uploadImage').ajaxfileupload({
'action': 'bsl-editor/bslupload.cfm',
'submit_button': $('#btnAction')
});
...

This works, but only after the "UPDATE RECORD" button is pressed twice
I see in your javascript that the first time the function processes,
nothing occurs because it's processing the "ajaxUploader-setup" as true and
initializing.
How can I have it both initialze and process with only a single call to
the function?

Thanks!!

Reply to this email directly or view it on GitHubhttps://github.com//issues/36
.

[VitoAsaro]

I tried to initialize the ajax upload in the $(document).ready(function), but I think that perhaps because the form resides within a dialog (modal) window, possibly the DOM changes, so the initializing has to occur all over again when the dialog window is showing.

I was able to find a work-around by specifying the submit button used to process the form (calls the data processing proxy function) with:
'submit_button': $('#btnAction')
However, the strang thing is that if I didn't specifiy the onComplete AND the onStart functions, nothing would work, even though the onStart function is empty. Any ideas?

[jfeldstein]

If this is still an issue, could you post the code your using and I'll take
a look?
On Mar 11, 2014 11:05 AM, "VitoAsaro" [email protected] wrote:

I tried to initialize the ajax upload in the $(document).ready(function),
but I think that perhaps because the form resides within a dialog (modal)
window, possibly the DOM changes, so the initializing has to occur all over
again when the dialog window is showing.

I was able to find a work-around by specifying the submit button used to
process the form (calls the data processing proxy function) with:
'submit_button': $('#btnAction')
However, the strang thing is that if I didn't specifiy the onComplete AND
the onStart functions, nothing would work, even though the onStart function
is empty. Any ideas?

Reply to this email directly or view it on GitHubhttps://github.com//issues/36#issuecomment-37328811
.

[mirszhao]

you can use the item 'submit_button':$("#iconsu"),// bind a button click event