首页 新闻 会员 周边

有没有不用ajax多图上传的方法,并且可以预览的方法

0
[待解决问题]

有没有不用ajax多图上传的方法,并且可以预览的方法

linYhL的主页 linYhL | 初学一级 | 园豆:143
提问于:2020-11-25 13:05
< >
分享
所有回答(5)
0

不用ajax 咋传数据,上传之前预览是可以,可以把图片转成base64字符串,跟普通上传就没区别了

jqw2009 | 园豆:2439 (老鸟四级) | 2020-11-25 13:08
0

Formpost 本來就支援多檔上傳

RosonJ | 园豆:4910 (老鸟四级) | 2020-11-25 13:22
0

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 + '" />';
});
}

DRMCC | 园豆:304 (菜鸟二级) | 2020-11-25 13:47
0

可以百度一下这种多图上传的js插件,一艘一大堆

华临天下 | 园豆:1501 (小虾三级) | 2020-11-25 17:15
0

把图片转成base64,有多张图就拼接到参数里。并且随时预览。最有统一上传。ajax,from随便你玩。

一禅·小和尚 | 园豆:519 (小虾三级) | 2020-11-27 14:25
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册