<div contenteditable='true' onPaste={onPaste} >
// 粘贴图片
const onPaste = (e) => {
e.preventDefault()
handlepaste(e)
}
const handlepaste = (e) => {
// 粘贴对象
if (e.clipboardData || e.originalEvent) {
const clipboardData = (e.clipboardData || e.originalEvent.clipboardData);
if (clipboardData.items) {
let blob;
for (let i = 0; i < clipboardData.items.length; i++) {
if (clipboardData.items[i].type.indexOf('image') !== -1) {
blob = clipboardData.items[i].getAsFile();
}
}
if (!blob) {
message.error('请粘贴图片')
return
}
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = function (e) {
console.log(reader.result) // 拿到该图片的src
}
}
}
}
粘贴图片功能js
最新推荐文章于 2023-12-21 14:54:04 发布