javascript - Tampalkan sekeping kandungan dengan gambar dan teks Bagaimana menggunakan js untuk mendapatkan gambar dan memuat naiknya ke pelayan?

Question

Saya perlu menampal sekeping kandungan dengan teks dan gambar, tetapi gambar perlu dimuat naik ke pelayan secara berasingan Bagaimana untuk memilih gambar daripada kandungan yang ditampal. .

Answer 1

Idea umum:

1. Dengar acara onpaste

2. Dapatkan data papan keratan melalui parameter acara dalam panggilan balik acaraevent.clipboardData(tidak disokong oleh semua penyemak imbas)

   <code>// '/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)
   }
   });</code>

3. Hantar data ke pelayan bahagian belakang melalui Ajax Selepas bahagian belakang menyimpan imej, ia mengembalikan alamat imej yang boleh diakses

4. Lawati alamat ini untuk melihat gambar