Die Datei-API wird hier nicht im Detail erklärt, Sie können es jetzt selbst tun, um den Dateiinhalt zu lesen. Dies wird über die FileReader-Schnittstelle erreicht den Dateiinhalt in den Speicher kopieren und ihn einer js-Variablen zuweisen.
Funktion getImgSrc(target, callback) {
If (window.FileReader) {
var oPreviewImg = null, oFReader = new window.FileReader();
oFReader.onload = Funktion (oFREvent) {
oPreviewImg = new Image();
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) {
zurück;
}
If (!IsImgType(aFiles[0].type)) {
warning("Sie müssen eine gültige Bilddatei auswählen!");
zurück;
}
If (aFiles[0].size > 1024 * 1024) {
target.value = "";
warning('Bitte laden Sie eine Bilddatei mit einer Größe von weniger als 1 MB hoch.');
zurück;
}
oFReader.readAsDataURL(aFiles[0]);
})();
}
If (navigator.appName === „Microsoft Internet Explorer“) {
return (function () {
document.getElementById("imagePreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = target.value;
})();
}
}
Das Obige ist der Schlüsselcode zum Hochladen von Bildern mit Javascript in Kombination mit FileReader. Gefällt es euch?
Stellungnahme:Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn