如何从jQuery中的输入文件中删除特定文件？

Question

function imageRemove(image) {
        var indx= $(image).parent().index();
        document.getElementById("ContentPlaceHolder1_ctl00_FileUpload1").files[indx].remove();
        $(image).parent().remove();

    }

function preview(input) {
        if (input.files && input.files[0]) {
            $(".images").remove();
            var filelist = input.files || [];

            if (filelist.length <= 10) {
                for (var i = 0; i < filelist.length; i++) {
                    var filedr = new FileReader();
                    filedr.onload = function (e) {
                        var element = "<div class='col-xs-6 col-sm-2 images'>" +
                                          "<a class='thumbnail'><img class='test' src='" + e.target.result + "'/></a>" +
                                          "<span onClick='imageRemove(this)' class='imageRemove'>Sil</span>" + "<div class='clearfix'></div>" +
                                      "</div>";
                        $("#previews").append(element);
                    }
                    filedr.readAsDataURL(input.files[i]);
                }
            }
            else {
                alert("Max 10 images");
            }

        }
    }

<asp:FileUpload ID="FileUpload1" CssClass="fUp" runat="server" AllowMultiple="true" onChange="preview(this)" maxRequestLength="2048" />

我想从 jQuery 的“FileUpload1”控件中删除选定的文件。但是document.getElementById("ContentPlaceHolder1_ctl00_FileUpload1").files[indx].remove(); 不起作用。我知道这是错误的，但我不知道该怎么做。

Answer 1

你需要做的

var files_ar = document.getElementById("ContentPlaceHolder1_ctl00_FileUpload1").files
files_ar.splice(indx,1)

然后只使用 files_ar 数组。