javascript - 粘贴一段带有图片和文字的内容，如何使用js实现获取图片并上传到服务器？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 粘贴一段带有图片和文字的内容，如何使用js实现获取图片并上传到服务器？

扔个三星炸死你 2017-06-24 09:43:22

[Node.js讨论组]

1505

需要粘贴一段带有文字和图片的内容，但是需要将图片单独上传服务器，如何将图片从粘帖内容里面帅选出来。。

扔个三星炸死你

全部回复(1)

高洛峰2017-06-24 09:45:22 1楼

大概思路：

监听onpaste事件

通过事件回调中的event参数，获取剪贴板数据event.clipboardData(不是所有的浏览器都支持)

// '/image/.test(event.clipboardData.types)' // 检查是否为图片

// 获取图片二进制数据（似乎浏览器的实现都会有大小差异）
Array.each(event.clipboardData.items, function(item){
if (/image/.test(item.type)) {
var blob = item.getAsFile();
var URL = window.URL || window.webkitURL;
var source = URL.createObjectURL(blob);
console.log(source) 
}
});