Javascript kombiniert mit FileReader zum Hochladen von Bildern_Javascript-Kenntnissen

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.

Code kopieren Der Code lautet wie folgt:

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?