javascript - 使用 jquery 按钮单击取消文件选择框中的文件

Question

使用 jquery 按钮单击我需要取消（删除，丢弃）我选择上传的文件

这是我的jQuery代码：

     $('.upic9').bind('click', { imgId: $(this).attr('id') }, function (evt) {
     $('.fileselectionbox').empty();  
     });

Answer 1

你可以使用 jQuery File Upload 插件

我想这可以在你的情况下工作。

jQuery 文件上传插件

可能这个代码示例会对您有所帮助。

我不确定 html5 是否适用于您的情况，如果没有看到上面的链接

$('#html5FileInput').fileupload({
    ....
    add: function (e, data) {
        $.each(data.files, function (index, file) {
            var newFileDiv = $(newfileDiv(file.name));
            $('#fsUploadProgressHtml5').append(newFileDiv);

            newFileDiv.find('a').bind('click', function (event) {
                event.preventDefault();
                var uploadFilesBox = $("#fsUploadProgressHtml5");
                var remDiv = $(document.getElementById("fileDiv_" + event.data.filename));
                removeFileFromArray(event.data.filename);
                remDiv.remove();
                data.files.length = 0;
                ...
            });

            data.context = newFileDiv;
        });
     ...
)};

或看到这个