javascript - Wie füge ich einen Inhalt mit Bildern und Text ein, um ein Bild abzurufen und auf den Server hochzuladen?

Question

Ich muss einen Inhalt mit Text und Bildern einfügen, aber die Bilder müssen separat auf den Server hochgeladen werden. So wählen Sie die Bilder aus dem eingefügten Inhalt aus. .

Answer 1

大概思路：

1. 监听onpaste事件

2. 通过事件回调中的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) 
   }
   });

3. 通过Ajax将数据发送到后端服务器，后端将图片存储起来后，返回一个图片可访问地址

4. 访问这个地址就可以看到图片了