问题描述:在一个input框中上传多张图片,同时生成多个img标签进行预览,给每个img搭配一个删除按钮,可以在多图中删掉不想要的图,然后想把这些图片放入当前页面的form中统一提交,【
把图片追加进form中(未实现),
新建一个form装入图片然后与本页面的form合并(未实现),
将多图与form分开提交(麻烦)
】
方法:将多图放进新的input框中即可
//imgs为页面中的图片集合,通过querySelectorAll收集
let data = new DataTransfer();//容器
for (var c = 0; c < imgs.length; c++)
{
let file = imgs[c].file
console.log("图片名: "+file.name)
data.items.add(file);//装载图片
}
// then you can put the data files to any input file you want
let el2 = document.getElementById("new");//新的input
el2.files = data.files;//进行赋值
方法来源:stackoverflow间隔符.com间隔符/questions/25658898/how-to-add-filelist-array-into-input-type-file-control