Javascript 从URL输入呈现/预览图像

我正在寻找一个解决方案，在通过输入URL上传之前呈现图像

我的代码

<input name="thumbnail" placeholder="Post image URL here" />

---

我一直在尝试各种方法。将

onchange=“readURL（this）；”

添加到上述代码中不会产生任何效果。它们似乎只适用于本地文件。

使用输入值作为图像标记的源。您可以隐藏和显示图像标记，每次创建一个新图像，等待加载事件并显示微调器，使用默认图像，可能性是无穷的

$('[name="thumbnail"]').on('change', function() {
     $('img.preview').prop('src', this.value);
});

您可以使用画布

var oCanvas = doc.getElementById('imgThumb'),
    oContext = oCanvas.getContext('2d');

oContext.drawImage(this, 0, 0, nWidth, nHeight);

---

试一试我的小提琴

你也有一个

标签吗？这里有一个完整的工作片段：谢谢，我在Chrome和Firefox上都测试过它。它运转平稳。