Bagaimanakah Ciri Tampal Imej Baharu Chrome Berfungsi?

Fungsi Tampal Imej Chrome: Penyelaman Lebih Dalam

Pengumuman Google tentang keupayaan untuk menampal imej daripada papan keratan terus ke Gmail menggunakan Chrome 12 telah mencetuskan rasa ingin tahu tentang mekanisme asas.

Behind the Scenes: Clipboard API dan Penukaran Data

Bertentangan dengan andaian sebelumnya, peningkatan bukan terletak pada pengendalian acara tampal JavaScript dalam WebKit, tetapi dalam API Papan Klip yang baru dilaksanakan. API ini membenarkan pembangun mengakses kandungan papan keratan, termasuk imej.

Coretan kod yang disediakan menunjukkan fungsi teras:

<code class="javascript">document.onpaste = function (event) {
    var items = (event.clipboardData || event.originalEvent.clipboardData).items;
    ...
}</code>

Setelah acara tampal, clipboardData.items API menyediakan senarai kandungan papan keratan. Jika item adalah jenis fail, ia boleh dirujuk sebagai Blob menggunakan getAsFile() dan selanjutnya diproses menggunakan FileReader untuk mendapatkan semula URL data untuk imej.

Memperluaskan Fungsi

Setelah URL data diperoleh, ia boleh dipaparkan pada halaman atau dimuat naik ke pelayan.

Nota Penting: Senarai item Clipboard API boleh mengembalikan jenis mime untuk setiap item, yang mungkin berguna dalam menentukan sifat kandungan papan keratan.

Atas ialah kandungan terperinci Bagaimanakah Ciri Tampal Imej Baharu Chrome Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!