1,979
社区成员
发帖
与我相关
我的任务
分享怎么用js实现多文件上传前的预览啊（100分）
原来的代码是下面这样的 只能预览一张图片 现在我想预览多张图片并且可以增加删除，求代码！！！
<script>
function Image() {
var doc = document.getElementById("doc");
var img = document.getElementById("preview");
img.style.display = 'block';
img.style.width = '400px';
img.style.height = '200px';
img.src = window.URL.createObjectURL(doc.files[0]);
}
</script>
</head>
<body >
<form id="form1" runat="server">
<input type="file" name="doc" id="doc" onchange="javascript:Image();">
<p>
<div><img id="preview" style="diplay:none" /></div>
<script>
function Image() {
var doc = document.getElementById("doc");
var img = document.getElementById("preview");
img.style.display = 'block';
img.style.width = '400px';
img.style.height = '200px';
img.src = window.URL.createObjectURL(doc.files[0]);
}
</script>
</head>
<body >
<form id="form1" runat="server">
<input type="file" name="doc" id="doc" onchange="javascript:Image();">
<p>
<div><img id="preview" style="diplay:none" /></div>
...全文
请发表友善的回复…
发表回复
依旧入故sun 2016-04-25
- 打赏
- 举报
我想要可选择多张图片的显示呀，类似把图片地址放在数组里
依旧入故sun 2016-04-25
- 打赏
- 举报
大哥，链接打不开-_-||
娃都会打酱油了 2016-04-25
- 打赏
- 举报
这样写没浏览器兼容性问题？
如果没问题，那么你直接将file与img对应，然后你调用的地方传入this就可以
Justin-Liu 2016-04-25
- 打赏
- 举报
http://cn.bing.com/search?q=js++preview+image+before+upload&qs=n&form=QBLH&pq=js+preview+image+before+upload&sc=0-30&sp=-1&sk=&cvid=F8F827C1E69646218C0DFBE6050EA332
