Saya tidak akan menjelaskan secara rinci tentang API file di sini. Mari kita jaga dirimu. Ketika kami datang, kami harus menggunakan pegangan file untuk membaca konten file. Ini dicapai melalui filereader. Melalui antarmuka Filereader, kami dapat memuat konten file secara tidak sinkron ke dalam memori dan menetapkan variabel JS tertentu.
Salinan kode adalah sebagai berikut:
fungsi getimgsrc (target, callback) {
if (window.filereader) {
var opreviewimg = null, ofreader = window.filereader baru ();
ofreader.onload = function (ofRevent) {
opreviewimg = gambar baru ();
var type = target.files [0] .type.split ("/") [1];
var src = ofRevent.target.Result;
opreviewimg.src = src;
if (typeOf callback == "function") {
Callback (OpReviewIMG, Target, Type, SRC);
}
return opreviewimg.src;
};
return (function () {
var afiles = target.files;
if (afiles.length === 0) {
kembali;
}
if (! isimgType (afiles [0] .type)) {
peringatan ("Anda harus memilih file gambar yang valid!");
kembali;
}
if (afiles [0] .Size> 1024 * 1024) {
target.value = "";
Peringatan ('Harap unggah ukuran file gambar kurang dari 1m.');
kembali;
}
ofreader.readasdataurl (afiles [0]);
}) ();
}
if (navigator.appname === "microsoft internet explorer") {
return (function () {
document.geteLementById ("imagepreview"). filter.item ("dximagetransform.microsoft.alphaimageloader"). src = target.value;
}) ();
}
}
Di atas adalah kode kunci untuk mengunggah gambar dengan JavaScript yang dikombinasikan dengan filereader. Apakah kamu menyukainya?