将超链接从用户（文本）转换为图像答案

【问题标题】：Transform a hyperlink from user (in text) to image将超链接从用户（文本）转换为图像
【发布时间】：2016-05-16 09:43:22
【问题描述】：

当用户发表评论并且在该评论中有一个图像链接（*.jpg 或 *.png）并且我想实时检查以使该源成为带有 javascript 的图像标记时，我必须在 JavaScript 中做什么.如何进行此项检查？

【问题讨论】：

标签： javascript html image chat

【解决方案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 和结果（“成功”、“错误”或“超时”）。

【讨论】：