做一个移动端上传图片,类似微信这种带预览和删除的。<input type='file' multiple />比如我选择了两个文件,控制台打印: FileList {0: File, 1: File, length: 2}
0: File
1: File
length:2
__proto__: Object现在我要删除其中一张,发现fileList对象只读 不能改写,要怎么样才能删除fileList对象中其中的一张图片。
1 回答
湖上湖
TA贡献2003条经验 获得超2个赞
能进行到这一步,说明取到了两个图片文件,暂且把他们存到一个全局数组里.接下来,分为两部分做:
首先你肯定需要先把这两个图片展示出来在列表里,在这一步做删除. 怎么做呢,展示肯定是让img标签的src="base64...",然后展示在页面里;删除的时候把对应的图片隐藏点就好,然后在数组里把相应的序号的File删除掉;
上传图片.
上传的时候,不论是上传base64格式还是把Blob通过formData,不论你用什么方式传,总之不要把数组里删除掉的那个File上传就好;
此为暗修栈道明度陈仓!
添加回答
举报
0/150
提交
取消