你的位置:首页 > 软件开发 > 网页设计 > FileReader上传图片

FileReader上传图片

发布时间:2015-08-13 18:00:17
实现拖拽图片,在上传至服务器前,显示图片并操控大小利用HTML5dragenterdragoverdragleavedrop在实现图片显示方面,用了FileReader这个类var files=event.dataTransfer.files;//获取拖拽的图片集合filerea ...

实现拖拽图片,在上传至服务器前,显示图片并操控大小

利用HTML5

dragenter

dragover

dragleave

drop

在实现图片显示方面,用了FileReader这个类

var files=event.dataTransfer.files;//获取拖拽的图片集合

filereader.readAsDataURL(files[i]);

利用this.result

<img src='/images/loading.gif' data-original='"+this.result+"'/>显示图片到页面

若想获得图片大小,需要重新实例一个Image对象:

var img = new Image();//创建image对象

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:FileReader上传图片

关键词:上传

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。