做一个移动端上传图片,类似微信这种带预览和删除的。
比如我选择了两个文件,控制台打印:
FileList {0: File, 1: File, length: 2}
0: File
1: File
length:2
__proto__: Object
现在我要删除其中一张,发现fileList对象只读 不能改写,要怎么样才能删除fileList对象中其中的一张图片。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
能进行到这一步,说明取到了两个图片文件,暂且把他们存到一个全局数组里.接下来,分为两部分做:
首先你肯定需要先把这两个图片展示出来在列表里,在这一步做删除. 怎么做呢,展示肯定是让img标签的src="base64...",然后展示在页面里;删除的时候把对应的图片隐藏点就好,然后在数组里把相应的序号的File删除掉;
上传图片.
上传的时候,不论是上传base64格式还是把Blob通过formData,不论你用什么方式传,总之不要把数组里删除掉的那个File上传就好;
此为暗修栈道明度陈仓!