javascript - Bagaimana untuk mendapatkan fail dengan menyeretnya ke penyemak imbas?

Question

Jika anda mengklik untuk memuat naik pada halaman, anda boleh mengklik untuk mendapatkan fail[0] dalam fail input;

Keperluan semasa adalah untuk menyeret dan melepaskan imej terus dari desktop ke penyemak imbas. Bagaimana untuk mendapatkan fail pertama dalam fail[0]?

Answer 1

/**
 * 拖拽实现
 */
var dropbox = document.getElementById("dropbox");

dropbox.addEventListener("dragenter", function(e){
    e.stopPropagation();
    e.preventDefault();
}, false);
            
dropbox.addEventListener("dragover", function(e){
    e.stopPropagation();
    e.preventDefault();
}, false);
            
dropbox.addEventListener("drop", function(e){
    e.stopPropagation();
    e.preventDefault();
            
    var dt = e.dataTransfer;
    var files = dt.files;
    
    // files[0]即为第一个文件
      
}, false);

Untuk butiran, sila rujuk: Memilih fail melalui operasi seret dan lepas

Saya juga mengesyorkan anda contoh yang saya tulis:
Pilih fail imej - menyokong tiga kaedah input (pemilihan kotak input, pemilihan seret dan lepas, tangkapan skrin dan tampal tiga kaedah input)