Rumah > hujung hadapan web > tutorial js > Bagaimanakah Chrome 12 Mendayakan Penampalan Imej daripada Papan Klip dalam Gmail?

Bagaimanakah Chrome 12 Mendayakan Penampalan Imej daripada Papan Klip dalam Gmail?

Susan Sarandon
Lepaskan: 2024-10-29 04:50:29
asal
1130 orang telah melayarinya

How Does Chrome 12  Enable Image Pasting from Clipboard in Gmail?

Tampalan Imej daripada Papan Klip dalam Gmail dan Chrome 12

Siaran blog daripada Google mendedahkan keupayaan untuk menampal imej terus daripada papan keratan ke dalam Gmail menggunakan versi terkini Chrome. Tidak seperti ZeroClipboard, yang terikat pada acara tekan kekunci dan tidak akan berfungsi melalui menu konteks, fungsi ini nampaknya menggunakan pendekatan yang berbeza.

Webkit yang digunakan dalam Chrome 12 memperkenalkan pengendali acara "tampal" baharu yang memeriksa acara. clipboardData.items dan membolehkan pengambilan semula imej sebagai Gumpalan menggunakan kaedah getAsFile(). Begini cara anda boleh mencapai ini dalam JavaScript:

<code class="javascript">document.onpaste = function (event) {
    var items = (event.clipboardData || event.originalEvent.clipboardData).items;
    for (var index in items) {
        var item = items[index];
        if (item.kind === 'file') {
            var blob = item.getAsFile();
            var reader = new FileReader();
            reader.onload = function (event) {
                console.log(event.target.result); // data url!
            };
            reader.readAsDataURL(blob);
        }
    }
};</code>
Salin selepas log masuk

Setelah anda mempunyai URL data, anda boleh memaparkan imej pada halaman atau memuat naiknya menggunakan FormData.

Dengan menggunakan "tampal ini" " acara dan pengendalian DataTransferItems, Chrome 12 mendayakan penampalan imej daripada papan keratan dalam Gmail.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan