GeXiangDong

精通Java、SQL、Spring的拼写,擅长Linux、Windows的开关机

0%

从剪贴板粘贴图片

部分浏览器支持直接从剪贴板粘贴图片到HTML编辑器内,不同浏览器处理方式有差异。

chrome

1
2
3
4
5
6
7
8
9
10
document.onpaste = function(event){
var items = (event.clipboardData || event.originalEvent.clipboardData).items;
console.log(JSON.stringify(items)); // will give you the mime types
var blob = items[0].getAsFile();
var reader = new FileReader();
reader.onload = function(event){
console.log(event.target.result)}; // data url!
reader.readAsDataURL(blob);
//upload to the server here.....................
}

Firefox

firefox粘贴比较简单,直接贴出来的是base64后的代码, 例如:

1
<img  src="data:image/png;base64,iVBORw0KGgoAAAAN..................................." />