移动端多图上传和删除。

Question

做一个移动端上传图片，类似微信这种带预览和删除的。

<input type='file' multiple />

比如我选择了两个文件，控制台打印：

  FileList {0: File, 1: File, length: 2}
  0: File
  1: File
   length:2
  __proto__: Object

现在我要删除其中一张，发现fileList对象只读 不能改写,要怎么样才能删除fileList对象中其中的一张图片。

Answer 1

能进行到这一步,说明取到了两个图片文件,暂且把他们存到一个全局数组里.接下来,分为两部分做:首先你肯定需要先把这两个图片展示出来在列表里,在这一步做删除. 怎么做呢,展示肯定是让img标签的src="base64...",然后展示在页面里;删除的时候把对应的图片隐藏点就好,然后在数组里把相应的序号的File删除掉;上传图片.上传的时候,不论是上传base64格式还是把Blob通过formData,不论你用什么方式传,总之不要把数组里删除掉的那个File上传就好;此为暗修栈道明度陈仓!