不用ajax 咋传数据,上传之前预览是可以,可以把图片转成base64字符串,跟普通上传就没区别了
Formpost 本來就支援多檔上傳
HTML
<input type="file" accept="image/*" name="img" multiple="multiple" onchange="sel_img();" />
<div id="preview"></div>
JS
function sel_img(){
var img = document.getElementsByName('img').item(0);
var preview = document.getElementById("preview");
preview.innerHTML = '';
var imgs = img.files;
Object.keys(imgs).forEach(function(index){
preview.innerHTML += '<img src="' + URL.createObjectURL(imgs[index]) + '" width="100" title="' + imgs[index].name + '" />';
});
}
可以百度一下这种多图上传的js插件,一艘一大堆
把图片转成base64,有多张图就拼接到参数里。并且随时预览。最有统一上传。ajax,from随便你玩。