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 dari kandungan yang ditampal. .

高洛峰 · Answer

Idea umum:

Dengar acara onpaste

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

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

Hantar data ke pelayan bahagian belakang melalui Ajax Selepas bahagian belakang menyimpan imej, ia mengembalikan alamat imej yang boleh diakses
Lawati alamat ini untuk melihat gambar