JavaScript: Erkennen, ob ein Bild im Dateireader vorhanden ist

Question

Gibt es eine Möglichkeit zu sehen, ob eine Bilddatei im Dateireader in Javascript vorhanden ist?

Answer 1

Sie können versuchen, festzustellen, ob die Datei ein Bild ist, indem Sie einige Bytes am Anfang des Streams überprüfen. Sie können die Header-Signatur von Bildern leicht finden, indem Sie sie googeln.

Dies ist ein einfacher Weg, um den Bildtyp zu erkennen:

reader.onload = function(e) { 
     var buffer = reader.result; 
     var int32View = new Int32Array(buffer); 
     switch(int32View[0]) { 
      case 1196314761: 
       file.verified_type = "image/png"; 
       break; 
      case 944130375: 
       file.verified_type = "image/gif"; 
       break; 
      case 544099650: 
       file.verified_type = "image/bmp"; 
       break; 
      case -520103681: 
       file.verified_type = "image/jpg"; 
       break; 
      default: 
          file.verified_type = "unknown"; 
       break; 
     } 
     }; 

können Sie einige Bytes überprüfen hohe Genauigkeit, um Ihre Ergebnisse zu geben.