简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - input type=file多选文件列表怎么单个添加删除按钮？
PHP中文网
PHP中文网 2017-04-10 15:23:01
0
1
382

需求

  • 最多选择两个文件
  • 每个文件后面都有一个删除按钮，点击按钮删除该li，同时也删除文件域中对应的文件

代码

疑问

  • 前面都实现了
  • 点删除按钮的时候删除li好写，但是怎么删除文件域中的那个元素？
PHP中文网
PHP中文网

认证高级PHP讲师

reply all (1)
迷茫
迷茫2017-04-10 15:25:01 1 floor

JS目前无法直接操作FileList对象，但我们还是可以处理的，我能想到的就是将FileList从原来的form提交方式抽离出来，可以使用xhr2的二进制方式提交。

比如下写法：

html     

  
从Files选择的多个文件中删除某个
    Like+0
    Add Reply
      Popular Topics
      More>
      Popular Articles
      Popular Tutorials
      More>
      Related Tutorials
      Popular Recommendations
      Latest courses
      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn：Public welfare online PHP training，Help PHP learners grow quickly！