Pilih folder lokal di Html, otomatis membaca semua gambar di folder dan subfolder dan menampilkannya di halaman.
Analisis teknis:
ada masalahPanggil metode readAsDataURL di antarmuka Web API FileReader untuk membaca data (jalur file yang diperoleh dari tag file parameter fungsi ini), lalu memuat data ke dalam FileReader (format base64). tentukan sumber data dalam format base64.
Dua kode <!DOCTYPE html><html><head> <title>ReadImageDemo</title></head><body> <input type=file id=selectFiles onchange=dealSelectFiles() beberapa direktori webkit> <canvas id=myCanvas width=1440 tinggi=900></kanvas> <tipe skrip=teks/javascript> var imgPosX = 0; 256; fungsi dealSelectFiles(){ /// dapatkan file yang dipilih. var selectFiles = document.getElementById(selectFiles).files; for(var file dari selectFiles){ console.log(file.webkitRelativePath); var reader = new FileReader(); reader.readAsDataURL(file); reader.onloadend = function(){ /// menangani data Gambar(); /// setelah pemuat, hasil penyimpanan hasil konten file img.src = this.result; img.onload = function(){ var myCanvas = document.getElementById(myCanvas); '2d'); cxt.drawImage(img, imgPosX, 0); } } } </skrip></body></html> tiga efekDi atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.