首页 > 解决方案 > 用于删除选定文件的 Jquery 代码,就像我们在 gmail 中对附件所做的一样

问题描述

我在 jquery 中编写了一个代码来上传文档,我们可以在其中选择 n 个文件,然后单击提交以将其上传到服务器上。如何删除选定的文件?我已经选择了要上传的文件,但现在我想删除它,就像我们在 gmail 中对附件所做的一样(我们选择一个附件,如果我们想删除它,我们可以删除并上传另一个附件)。那么如何使用 jquery 删除选定的文件呢?

以下是我的上传代码,可帮助我选择需要上传的文件:

$('#add_more1').click(function(){
        var current_count= $('input[type="file"]').length ;
        var next_count = current_count + 1;
        $('#file_upload1').prepend('<p><input style="margin-left:10px" type="file" name="file_' + next_count + '"/></p>');
    })

标签: javascriptjquerycss

解决方案


尝试每次都添加span标签(使用任何合适的 css 库中的删除图标类并为此提供 id spaninput

$('#id').click(function(){
 $('input[name="file_' + next_count + '"]').remove();
}

推荐阅读