Javascript 如何在使用jQuery上载文件之前从文件上载控件中删除文件

Javascript 如何在使用jQuery上载文件之前从文件上载控件中删除文件,javascript,jquery,sharepoint,file-upload,jquery-file-upload,Javascript,Jquery,Sharepoint,File Upload,Jquery File Upload,我正在使用多文件上载控件上载文件。 我在上传之前列出了文件,这样用户就可以看到他们上传的文件名。 我在每个文件名行中都有一个删除按钮。 我试图在单击“删除”按钮时从列表中删除该文件,以防在上载之前更改了文件名。 我在这方面的想法快用完了 var fileInput=document.getElementById('inputfile'); var fileListDisplay=document.getElementById('allfiles'); var fileList=[]; var

我正在使用多文件上载控件上载文件。 我在上传之前列出了文件,这样用户就可以看到他们上传的文件名。 我在每个文件名行中都有一个删除按钮。 我试图在单击“删除”按钮时从列表中删除该文件,以防在上载之前更改了文件名。 我在这方面的想法快用完了


var fileInput=document.getElementById('inputfile');
var fileListDisplay=document.getElementById('allfiles');
var fileList=[];
var renderFileList,sendFile;
fileInput.addEventListener('change',函数(evnt){
文件列表=[];
对于(var i=0;i-1){
文件列表.拼接(索引,1);
}
//console.log(文件列表);
});


从您的代码中,我可以看出您忘记删除dom,这就是文件仍然存在的原因

另外,为了简化代码,我们可以在delete按钮中附加
数据索引
,以便在删除文件时记住文件索引,这比比较文件名字符串要容易得多

这是修改后的代码

var fileInput=document.getElementById('inputfile');
var fileListDisplay=document.getElementById('allfiles');
var fileList=[];
var renderFileList,sendFile;
fileInput.addEventListener('change',函数(evnt){
文件列表=[];
对于(var i=0;i