javascript - 将超链接从用户(文本)转换为图像

Question

当用户发表评论并且该评论中有图像链接(*.jpg 或 *.png)并且我想实时检查以使用 JavaScript 将该源设为图像标记时，我必须在 JavaScript 中做什么。我该如何进行这项检查？

Answer 1

您可以使用表达式来检查文件扩展名:

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

使用如下函数检查图像是否可以加载 URL:

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); 
}

此函数将在将来的某个时间使用两个参数调用您的回调:原始 URL 和结果(“成功”、“错误”或“超时”)。