实现拖拽图片,在上传至服务器前,显示图片并操控大小利用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
(#换成@)。