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

Question

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

这是我的jquery代码：

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

Answer 1

您可以使用jQuery文件上传插件

我想这可以适用于你的情况。

jQuery File Upload plugin

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

我不确定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;
        });
     ...
)};

或查看this