Question

我正在尝试创建多个文件上传选项，允许用户点击图标然后选择要上传的文件。

每次用户点击图标时，都会添加一个新字段，其中包含类型文件，其名称与文件名相同。

我可以上传多个文件。但是我无法在上传后删除它们。

这是我的代码：

 <input type='file' id='_file' multiple="multiple">
 <div id='files_list'>
 <ul></ul> 
 </div>

 <script>
  $("#_file").change (function () {
    var ele    = document.getElementById ('_file');
    var result = ele.files; 

    for (var x = 0; x < result.length; x ++) {
        var fle = result [x];

        $("#files_list ul").append (
            "<li class='list_item'>" + 
                fle.name +  
                "<span class='remove'>X</span>" + 
            "</li>"
        );        
    } 

    $(document).on ('click', '.remove', function () {
        var span_id = $(this.parentNode).text();
        $('.list_item' + span_id + '').remove ();
    });
 });
 </script>

有关如何删除文件的想法吗？

Answer 1

 <input type='file' id='_file' multiple="multiple">
    <div id='files_list'>
      <ul></ul> 
   </div>
   <script>
   $("#_file").change (function () {
   var ele    = document.getElementById ('_file');
   var result = ele.files; 

   for (var x = 0; x < result.length; x ++) {
    var fle = result [x];

    $("#files_list ul").append (
        "<li class='list_item'>" + 
            fle.name +  
            "<span class='remove'>X</span>" + 
        "</li>"
    );        
  } 
  $(document).on ('click', '.remove', function () {
    var span_id = $(this.parentNode).text();
    $(this).closest('li').remove();
 }); });
 </script>

选择multiply file并使用jquery删除按钮

1 个答案: