大佬教程收集整理的这篇文章主要介绍了以jquery fileupload为基础编程删除文件,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的想法是创建一个删除链接与文件的索引,并将其从数组中删除,但由于上述问题,索引是永远不正确的.我也尝试过文件名,但是“on”回调中的文件名始终是第一个被选择上传的文件 – 一些关闭范围我必须弄清楚.
HTML:
<div id="fileBrowserWrapper"> <form id="myForm" action="#" method="post" enctype="multipart/form-data"> <input id="uploadDocBrowse" type="file" name="files[]" multiple/> </form> </div> <div id="inputFilesBox"></div> <div id="uploadFilesBox"></div>
$('#myForm').fileupload({ url: "/SomeHandler",dataType: 'html',autoUpload: false,singleFileUploads: false,replaceFileInput: false,add: function (e,data) { console.log("Number of files: " + data.files.length); $.each(data.files,function (index,file) { $('#uploadFilesBox').append("<div class='uploadBox' id='fileDiv_" + file.name + "'><div class='leftEle'><a href='#' id='link_" + index + "' class='removeFile'>Remove</a></div><div class='midEle'>" + file.name + "</div></div>") .on('click',{ filename: file.name,files: data.files },function(event) { var uploadFilesBox = $("#uploadFilesBox"); var remDiv = $("#fileDiv_" + event.data.filename); remDiv.remove(); event.data.files.splice(0,1); } }); }); data.context = $('#myButton') .click(function () { data.submit(); }); });
我找到了我的解决方案,再修改一些.关键是记得我正在回电.所以在删除功能的事件处理程序中,我只是清除了data.files数组,在提交该处理程序时,只有文件数组的长度大于0时才提交.我清理了事件处理函数眼睛更容易HTML不变.
新的JavaScript处理代码:
$('#myForm').fileupload({ url: "/SomeUrl",data) { $.each(data.files,file) { var newFileDiv = $("<div class='uploadBox' id='fileDiv_" + file.name + "'><div class='leftEle'><a href='#' id='link_" + index + "' class='removeFile'>Remove</a></div><div class='midEle'>" + file.name + "</div></div>"); $('#uploadFilesBox').append(newFileDiv); newFileDiv.find('a').on('click',function (event) { event.preventDefault(); var uploadFilesBox = $("#uploadFilesBox"); var remDiv = $(document.getElementById("fileDiv_" + event.data.filename)); remDiv.remove(); data.files.length = 0; //zero out the files array }); data.context = newFileDiv; }); $('#myButton') .click(function () { if (data.files.length > 0) { //only submit if we have something to upload data.submit(); } }); } });
以上是大佬教程为你收集整理的以jquery fileupload为基础编程删除文件全部内容,希望文章能够帮你解决以jquery fileupload为基础编程删除文件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。