本文介绍了一个简单的图片预览功能实现方法。通过HTML的img标签和file输入框配合JavaScript代码，在用户选择图片文件后立即在页面上显示所选图片的预览效果。此方法适用于网页应用中的图片上传功能。
任务：做一个图片上传，但是在上传之前要显示本地图片的内容
首先，命名一个id="pic"的img标签（id命名可随意）
注意document.images['pic'].src=this.value;" 这个pic需要与id保持一致
首先，命名一个id="pic"的img标签（id命名可随意）
1
<
img
id
="pic"
/>
然后看file选择框
<
img
id
="pic"
/>
1
<
input
type
="file"
name
="doc"
onChange
="document.images['pic'].src=this.value;"
/>
重要的就是
<
input
type
="file"
name
="doc"
onChange
="document.images['pic'].src=this.value;"
/>
1
onChange
=
"
document.images['pic'].src=this.value;
"
这样一句代码，具体什么含义我想大家都应该很清楚啦，我就不在这里说了
onChange
=
"
document.images['pic'].src=this.value;
"
注意document.images['pic'].src=this.value;" 这个pic需要与id保持一致
扫一扫
3990
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
