I am using uploadifive plugin for multi-file uploading. It works great but now i have find a bug in my implementation that queue is not clearing after creating a record. If record is created then uploadifive should show empty queue for new record but it shows old queued files which were previously uploaded. My logic is Ajax and java-script driven and i am not refreshing page after form get submitted(if page refreshed then queue is white and clean which is obvious :) ).
Following is the code which i used to activate uploadifive for my file type input:
$('#xyz_uploader').uploadifive({
'fileTypeDesc' : 'Image Files',
'fileTypeExts' : '*.png;*.jpg;*.jpeg',
'fileType' : ['image/png','image/jpg','image/jpeg'],
'auto' : false,
'checkScript' : 'uploadify_envc.php?checkexist=true',
'formData' : {
'timestamp' : curDateTime,
'token' : 'df324523adg34qtfgiui',
'doc_type' : 'docs',
'somenewval' : $("select#dropdown_control").val(),
},
'buttonText' : 'Upload Document(s)',
'queueID' : 'xyz_uploader_queue',
'auto' : true,
'uploadScript' : 'uploadify_envc.php?injury='+$("select#dropdown_control").val(),
'onUploadComplete' : function(file, data) { HandleUploadiFiveDocs(file,data,"docs"); }
});
When i submitting data using JS function, i call this function in return of Ajax call to clear queued files:
$('#xyz_uploader').uploadifive('clearQueue');
But this is not working. I have tested it via browser console and in java-script function but both are not working.
So can you guys tell me that how can i clear uploadifive queue using java-script command?
first using
$('#xyz_uploader').uploadifive('destroy')
and then re-constructing object worked for me. Like following :
$('#xyz_uploader').uploadifive({
'fileTypeDesc' : 'Image Files',
'fileTypeExts' : '*.png;*.jpg;*.jpeg',
'fileType' : ['image/png','image/jpg','image/jpeg'],
'auto' : false,
'checkScript' : 'uploadify_envc.php?checkexist=true',
'formData' : {
'timestamp' : curDateTime,
'token' : 'df324523adg34qtfgiui',
'doc_type' : 'docs',
'somenewval' : $("select#dropdown_control").val(),
},
'buttonText' : 'Upload Document(s)',
'queueID' : 'xyz_uploader_queue',
'auto' : true,
'uploadScript' : 'uploadify_envc.php?injury='+$("select#dropdown_control").val(),
'onUploadComplete' : function(file, data) { HandleUploadiFiveDocs(file,data,"docs"); }
});
Try it and it will work for you guys as well. i have found that while looking into core functions. Anyhow it was disappointing to get no support from here.