javascript - Bagaimana untuk melihat pratonton imej yang dimuat naik?

Question

Sama seperti memuat naik gambar ini, anda juga boleh pratonton paparan Bagaimana saya perlu menulis bahagian hadapan? Adakah terdapat kod serupa yang boleh anda berikan kepada saya? Terima kasih

Answer 1

var fr = new FileReader(),
    file = document.getElementById("file"),
    img = document.createElement("img");
file.onchange = function(e){
    fr.onload = function(e){
        var res = this.result;
        img.src = res;
        document.body.appendChild(img);//显示
    };
    
    fr.readAsDataURL(file.files[0]);//读取文件
};

Answer 2

web uploader.js或FileReader API

Answer 3

Saya telah menulis pratonton imej produk pusat membeli-belah sebelum ini. Saya tidak tahu sama ada ia akan membantu anda:
1 Imej yang dimuat naik mesti memaparkan imej kecil di halaman web . Di belakang pentas (kami berada di latar belakang, anda juga boleh memikirkan cara lain) untuk menyimpan dua gambar, lakaran kecil kecil dan gambar besar definisi tinggi yang dipratonton
3 Apabila anda mengklik pada lakaran kecil, gunakan kotak modal untuk memaparkan gambar definisi tinggi yang besar.

Answer 4

Dua demo: Klik acara https://github.com/treeandgra...
Seret gambar https://github.com/treeandgra...