我正在使用 blueimp 插件上传多个文件(拖放)。
HTML代码段
<div id="myFileUpload" class="container uploadContainer">
<div class="clr">
<div class="clr">
<h4 id="count" class="float-left"></h4>
<button for="uploadedFile" id="triggerUploadedFile"
class="float-right">Add Files</button>
</div>
<input type="file" name="files[]" multiple id="uploadedFile"
style="display: none">
</div>
<div id="dndBorder" class='dndBorder clr'>
<span><h4>
<font color="#D3D3D3">Drag and drop the files or folders
here </font>
</h4></span>
</div>
<!-- The global file processing state -->
<span class="fileupload-process"></span>
<!-- File Grid View -->
<div class="clr tab-presentation-div">
<div class="">
<table role="presentation" class="clear-margin">
<tbody class="files"></tbody>
</table>
</div>
</div>
<div class="clr">
<button id="startUpload" class="float-right field-button-action">Start Upload</button>
</div>
</div>
以下是初始化插件所需的脚本。
$j("#myFileUpload").fileupload({
dropZone: $j('#myFileUpload'),
url: lUrl,
autoUpload: false,
dataType: 'json',
add: function(e, data){
// Iterating and adding files to presentation area so that user can see file he added
}
submit: function(e, data){
// Needs to add some additional Form data.
}
});
$j("#startUpload").click(function(e){
$j("#myFileUpload").data().submit();
});
当我点击开始上传按钮时,我收到的不是功能错误。
当我检查$ j(&#34; #myFileUpload&#34;)。data()然后观察到$ j(&#34; #myFileUpload&#34;)。data()没有附加任何提交事件它。
可以告诉任何遗体。
提前致谢。