js 更换图片并获取图片文件的问题

Question

页面效果

输出的结果

请教各路大神：我的问题是，当你更换第1张图片的时候，把第1张图片文件存入数组中，更换第2张图片的时候，把第2张图片文件存入数组中，更换第3张图片的时候，把第3张图片文件存入数组中，，，，此时的数组有3个值了，当你想要再次在更换第1张图片时，就必须把数组的下标为0的值更换就行，，，也就是说是替换，而不是在数组里增加

Answer 1

我一般的做法，是不保存图片数组的，只需要在input框 change 的时候去获取文件的blob地址预览出来就行了，随便用户修改几次文件，反正每次change就重新把图片预览，等待用户选择完毕了，点击提交按钮的时候再把选中的文件转换成formData对象提交，在没点击提交时候，不用去处理文件。

Answer 2

首先，你的arrImgFile不能用push来添加内容，而应该通过在uploadFile函数中传人相关信息，通过这个信息决定上传的图片内容存在数组的那个位置。比如通过input对象的id属性，这样你就可以确定的进行绑定了。