利用html5实现上传图片预览-创新互联

在HTML5中，通过FileReader可以轻松的实现这个功能。

创新互联-专业网站定制、快速模板网站建设、高性价比临朐网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式临朐网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖临朐地区。费用合理售后完善，十载实体公司更值得信赖。

只要在文件表单元素中监听 onchange 事件，然后通过FileReader读取图片文件，然后将读取的内容在中显示即可。

实现代码

HTML5 图片上传预览 $(function(){ $('#img').change(function(){ var file = this.files[0]; //选择上传的文件 var r = new FileReader(); r.readAsDataURL(file); //Base64 $(r).load(function(){ $('div').html(''); }); }); });

HTML5 图片上传预览

参考资料： html5实现上传图片预览 http://www.studyofnet.com/news/856.html

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站题目：利用html5实现上传图片预览-创新互联
本文网址：http://www.xwwzsj.com/article/coecog.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉，无效全额退款

瑞达杰昌建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，宣威网站建设，宣威网站设计，宣威网页设计，宣威网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，瑞达杰昌建站位于宣威市龙岗区大运软件小镇，瑞达杰昌建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。

友情链接交换友情链接

湖北保暖睡袋 ynruijie.cn 营销网站建设成都航空快递软文推广公司成都西信服务器托管德昌县网站建设成都App定制成都网站制作公司导视牌制作

Copyright © 2025 青羊区瑞达杰昌互联网信息服务工作室（个体工商户）宣威建站 All Rights Reserved 蜀ICP备2025133229号-6

Copyright © 2025 青羊区瑞达杰昌互联网信息服务工作室（个体工商户）宣威建站

蜀ICP备2025133229号-6