Bagaimanakah Chrome 12 Mendayakan Penampalan Imej daripada Papan Klip dalam 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>

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!