Hinzufügen von Bild-Erweiterung, wenn es keine gibt

Question

Mit dem folgenden Skript gehe ich durch jede img-Quelle, die ich auf der Seite habe, die Erweiterung abrufen und wenn es keine zurückgegebene Zeichenfolge oder nicht einen bekannten Bildtyp gibt, dann füge ich hinzu .jpg

Aus irgendeinem Grund ist die if-Anweisung unabhängig von der Erweiterung jedes Mal wahr.

$(document).ready(function() {   
$(".main_img").each(function() { 
     imgsrc = this.src; 
     console.log(imgsrc); 
     imgext = imgsrc.split('.').pop(); 
     $.trim(imgext); 
     console.log(imgext); 
      if(imgext != 'jpg' || imgext != 'jpeg' || imgext != 'gif'){ 
      console.log("Unacceptable,add extension"); 
      FinalURL = imgsrc + '.jpg'; 
     } 
      else { 
      console.log(imgext); 
     } 
    }); 
}); 

Answer 1

Einfache Lösung für einen Fehler in Ihrem Code.

Ändern Sie einfach die OR-Bedingungen zu UND-Bedingungen, und es wird funktionieren.

Ändern Sie diesen Teil:

if(imgext != 'jpg' || imgext != 'jpeg' || imgext != 'gif') 

dazu:

if(imgext != 'jpg' && imgext != 'jpeg' && imgext != 'gif') 

Es funktioniert nicht, weil imgext immer unterschiedliche Werte gleichzeitig wie vorgeschlagen bei der Verwendung von OR-Bedingungen in diesem Fall nicht gleich 3 sein wird, . Daher wird es immer wahr werden. Mit AND wird es nur akzeptiert, wenn es nicht gleich dem Wert von einem der drei ist. Sollte arbeiten.