初学问个问题 怎么用js实现上传图片时可以在页面预览图片的效果啊?谢谢大神

malayee malayee 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<div id="localImag"><img id="preview" src="<%=basePath%>img/${pro.img}"></div>
<input type="file" name="file" id="doc" style="display:none;" onChange="document.form1.path.value=this.value">
<input name="path" readonly>
<input type="button" value="修改照片" onclick="document.form1.file.click()" >
<input type="submit" value="确认修改" />

怎么实现选择图片后 ,img图片可以显示选择的图片啊
...全文

相关推荐

vue.js图片转Base64上传图片并预览的实现方法

主要介绍了vue.js图片转Base64上传图片并预览的实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

weixin_38592405

Axure实现图片上传自动预览:交互原理与实操步骤

图片上传与即时预览是后台管理系统、个人中心、内容发布平台中常见的交互需求,也是产品原型设计阶段的高频关注点。本文从浏览器文件上传的底层行为出发,解析为何Axure自带控件只具备选择文件的能力,而无法直接展示图片,进而引出通过事件、变量与设置图片动作三者协同实现完整预览闭环的核心原理。这种基于真实上传控件驱动的方案,相比静态动态面板模拟具有更高的保真度与扩展性,适用于产品经理与设计师制作高保真可交互原型。文章详细演示了在Axure RP 9及10中搭建页面、配置文本改变事件、定义变量、绑定Set Image动

事实求是

javascript实现input file上传图片预览效果

本文实例介绍了javascript实现input file上传图片预览效果的详细代码,分享给大家供大家参考,具体内容如下 运行效果图: 具体实现代码: &lt;!DOCTYPE html> &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; [removed][removed] &lt;style type="text/css"&gt; .imgbox,.imgbox1 { float: left; margin-right: 2

weixin_38741966

JS+HTML5实现上传图片预览效果

主要介绍了JS+HTML5实现上传图片预览效果,结合完整实例形式分析了javascript上传图片本地预览的具体操作步骤与相关实现技巧,需要的朋友可以参考下

处处清欢

上传图片时预览图片与重置--js

上传图片时利用js做出一个预览图片的效果!

lixinwin2003
评论 6
收藏 已收藏
分享
返回顶部
malayee
JavaScript 87,984 成员 224,681 内容