Bagaimanakah Chrome 12 Mendayakan Penampalan Imej Terus ke dalam Gmail?

Membuka kunci Integrasi Papan Klip Imej dalam Gmail dan Chrome 12

Dalam kemajuan yang luar biasa, Chrome 12 dan ke atas memperkasakan pengguna dengan keupayaan untuk menampal imej secara lancar terus dari papan keratan ke dalam mesej Gmail. Fungsi inovatif ini melangkaui had penyelesaian sedia ada, yang bergantung pada peristiwa penekan kekunci dan tidak menyokong akses menu konteks.

Untuk mencapai matlamat ini, Webkit telah memperkenalkan peningkatan canggih di bawah hud. Dengan memanjangkan API Papan Klip, ia menyokong acara tampal, di mana pembangun boleh memanfaatkan kandungan papan keratan. Selepas menampal, tatasusunan objek ClipboardItem didedahkan, setiap satu mengandungi item tertentu yang telah ditampal.

Untuk menyelidiki butiran fungsi ini, pembangun boleh merujuk kepada coretan kod berikut:

<code class="javascript">document.onpaste = function(event) {
  var items = (event.clipboardData || event.originalEvent.clipboardData).items;
  console.log(JSON.stringify(items)); // Mime type information (optional)

  for (let item of items) {
    if (item.kind === 'file') {
      var blob = item.getAsFile();
      var reader = new FileReader();
      reader.onload = function(event) {
        console.log(event.target.result); // Data URL for the pasted image!
      }
      reader.readAsDataURL(blob);
    }
  }
};</code>

Setelah diperoleh, URL data mewakili imej yang ditampal, yang boleh dipaparkan atau dimuat naik mengikut keperluan. API FileReader boleh dimanfaatkan untuk mengekstrak sama ada URL data atau data binari daripada imej. FormData menyediakan kaedah yang mudah untuk memuat naik imej menggunakan XHR.

Tambahan terobosan pada keupayaan Webkit ini memperluaskan kemungkinan perkongsian imej dan manipulasi yang lancar dalam Gmail dan web yang lebih luas.

Atas ialah kandungan terperinci Bagaimanakah Chrome 12 Mendayakan Penampalan Imej Terus ke dalam Gmail?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!