我们使用H5可以很容易的实现图片上传前对其进行预览的功能
Html代码如下：
UploadFile ![]()
实现预览功能的js代码如下：
预览效果如下：
最后注意一点，H5实现图片预览只能使用原生JS进行DOM元素的操作，若使用jQuery则无法实现该效果。
参考文章：
版权声明
本文为作者原创，版权归作者所有。 转载必须保留文章的完整性，且在页面明显位置处标明。
如有问题， 请和作者联系。
H5实现本地预览图片
本文共 293 字，大约阅读时间需要 1 分钟。
转载于:https://www.cnblogs.com/Cwj-XFH/p/6142745.html
你可能感兴趣的文章
写博客
查看>>
利用循环播放dataurl的视频来防止锁屏：NoSleep.js
查看>>
python3 生成器与迭代器
查看>>
java编写提升性能的代码
查看>>
ios封装静态库技巧两则
查看>>
Educational Codeforces Round 46 (Rated for Div. 2)
查看>>
Abstract Factory Pattern
查看>>
C# 实现Bresenham算法（vs2010）
查看>>
基于iSCSI的SQL Server 2012群集测试(一)--SQL群集安装
查看>>
list 容器 排序函数.xml
查看>>
存储开头结尾使用begin tran，rollback tran作用？
查看>>
Activity启动过程中获取组件宽高的五种方式
查看>>
java导出Excel表格简单的方法
查看>>
SQLite数据库简介
查看>>
利用堆实现堆排序&优先队列
查看>>
Mono源码学习笔记:Console类(四)
查看>>
Android学习路线（十二）Activity生命周期——启动一个Activity
查看>>
《Genesis-3D开源游戏引擎完整实例教程-跑酷游戏篇03：暂停游戏》
查看>>
CPU，寄存器，一缓二缓.... RAM ROM 外部存储器等简介
查看>>
windows下编译FreeSwitch
查看>>