//拖拽发送图片
dragImg(e){
e.preventDefault();
//拖拽网络图片发送
e.dataTransfer.items[0].getAsString((imgUrl)=>{
let file = null;
//这里只能获取到拖拽网络图片的url地址
//下面是url转file文件(看我的 “js图片网络地址转file文件”)
this.imgToBase64(imgUrl,base =>{
file = this.base64toFile(base,'图片')
//this.sendImg(file)
})
})
//拖拽本地图片发送
let files = e.dataTransfer.files;
for (let index = 0; index < files.length; index++) {
const file = files[index];
//this.sendImg(file)
}
},
js拖拽图片获取图片file文件
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1、本文主要实现的功能是文件拖拽到指定标签区域能后获取到相关事件和文件2、从粘贴板获取到图片信息(主要目的就是实现...
- 需求:后台直接反悔了一张图片,文件流,前端需要显示这个图片,开始解析URL一直出错,最后发现,还需要设置个resp...
- 什么是Fabric.js? Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Can...
- 写在前面 首先,对于文章中使用的微博.ipa并非有意为之,正好是我的iTunes中有了这个ipa才恰好使用的。如果...
- Canvas 复习: 弧形 文字 线性渐变 径向渐变 获取canvas图片 canvas添加事件 ...