Verwandeln Sie einen Hyperlink von Benutzer (in Text) zu Bild

Question

Was muss ich in JavaScript tun, wenn ein Benutzer einen Kommentar gibt und in diesem Kommentar gibt es einen Bildlink (* .jpg oder * .png) und ich möchte Überprüfen Sie Realtime, um diese Quelle mit JavaScript zu einem Bild-Tag zu machen. Wie mache ich diesen Check?

Answer 1

Sie einen Ausdruck verwenden können Sie die Dateierweiterung zu überprüfen:

function checkURL(url) { 
    return(url.match(/\.(jpeg|jpg|gif|png)$/) != null); 
} 

Überprüfen Sie, ob ein Bild die URL unter Verwendung einer Funktion wie folgt laden: Aufruf dieser Funktion

function testImage(url, callback, timeout) { 
    timeout = timeout || 5000; 
    var timedOut = false, timer; 
    var img = new Image(); 
    img.onerror = img.onabort = function() { 
     if (!timedOut) { 
      clearTimeout(timer); 
      callback(url, "error"); 
     } 
    }; 
    img.onload = function() { 
     if (!timedOut) { 
      clearTimeout(timer); 
      callback(url, "success"); 
     } 
    }; 
    img.src = url; 
    timer = setTimeout(function() { 
     timedOut = true; 
     callback(url, "timeout"); 
    }, timeout); 
} 

wird Ihr Callback zu einem späteren Zeitpunkt mit zwei Argumenten: der ursprünglichen URL und einem Ergebnis ("Erfolg", "Fehler" oder "Timeout").