Javascript digabungkan dengan fileReader untuk memuat naik kemahiran pictures_javascript

Saya tidak akan menerangkan API Fail secara terperinci di sini Kawan, anda boleh melakukannya sendiri Sekarang kami akan menggunakan pemegang fail untuk membaca kandungan fail Ini dicapai melalui antara muka FileReader Muatkan kandungan fail ke dalam memori dan tetapkan kepada pembolehubah js.

Salin kod Kod adalah seperti berikut:

fungsi getImgSrc(sasaran, panggil balik) {
Jika (window.FileReader) {
      var oPreviewImg = null, oFReader = new window.FileReader();
oFReader.onload = fungsi (oFREvent) {
oPreviewImg = Imej baharu();
              jenis var = target.files[0].type.split("/")[1];
          var src = oFREvent.target.result;
oPreviewImg.src = src;
Jika (jenis panggil balik == "fungsi") {
                   panggil balik (oPreviewImg, sasaran, jenis, src);
            }
               kembalikan oPreviewImg.src;
        };
          kembali (fungsi () {
            var aFiles = target.files;
                  jika (aFiles.length === 0) {
                  kembali;
            }
Jika (!IsImgType(aFiles[0].type)) {
alert("Anda mesti memilih fail imej yang sah!");
                  kembali;
            }
Jika (aFiles[0].saiz > 1024 * 1024) {
                   target.value = "";
alert('Sila muat naik imej saiz fail kurang daripada 1M.');
                  kembali;
            }
            oFReader.readAsDataURL(aFiles[0]);
         })();
}
Jika (navigator.appName === "Microsoft Internet Explorer") {
          kembali (fungsi () {
document.getElementById("imagePreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = target.value;
         })();
}
}

Di atas adalah kod utama untuk memuat naik imej menggunakan javascript digabungkan dengan fileReader Adakah anda suka?