Javascript 添加图像URL表单-使用AJAX预览图像

我一直在想怎么做

我唯一能找到的就是上传一张图片，然后AJAX预览上传的图片

如何对图像url执行相同的操作

i、 用户提交一个图像url，然后AJAX提供图像预览

如果有其他方法可以用其他技术实现这一点，JQuery、HTML5也可以

---

更新：

---

为了说明这一点，我指的是一个input type=“text”而不是input type=“file”

使用html5，您可以获得上传的文件数据，然后将其作为图像或画布的src属性写入。请参见：

使用html5，您可以获得上传的文件数据，然后将其作为图像或画布的src属性写入。请参见：

要根据文本输入中键入的URL显示图像，请获取URL并将其用作图像标记的源，如下所示：

<input type="text" id="url"/>  <!--text input-->
<input type="button" id="btn" value="show image" /> <!--button to get the image-->
<img src="" id="img">​ <!--image tag to show the image-->

---

要根据文本输入中键入的URL显示图像，请获取URL并将其用作图像标记的源，如下所示：

<input type="text" id="url"/>  <!--text input-->
<input type="button" id="btn" value="show image" /> <!--button to get the image-->
<img src="" id="img">​ <!--image tag to show the image-->

---

试试这个链接：^我说的是图像URL，不是图像提交。网上有很多图片提交的例子，只是没有图片URL，谢谢。我不知道你想做什么，但这是不是有点像？？？对不起，这是我的第一个web应用，所以我对所有这些Javascript内容都不熟悉-我想这会比实际情况复杂得多-请尝试以下链接：^我说的是图像URL-不是图像提交。网络上有很多提交图片的例子，但不是图片URL，谢谢。我不知道你想做什么，但这是不是像？？？对不起，这是我的第一个网络应用，所以我对所有这些Javascript的东西都不熟悉-我想它会比实际复杂得多-lolI不想要输入type=“text”我指的是input type=“text”我不想要input type=“text”我指的是input type=“text”我得到了一个未捕获的语法错误：Token是非法的您是否只是从小提琴上复制了代码，如果是这样，有时会有一个bug在代码中添加一些不可见的字符，因此请尝试从这里复制代码，或者自己编写代码，只有几行，好的。我试图将它集成到我的html文档中-我已经包含了上面的代码-有什么我做错了吗-附言。只要让你知道，一旦这个小错误被解决，我肯定会选择你作为正确的答案。@JoseBazBaz-很难判断错误是什么，但是控制台会告诉你在哪里可以找到这个字符（s） 检查是否正确添加了jQuery，并确保document.ready函数中的代码等。最后一行有问题：}）；我得到了一个未捕获的语法错误：Token是非法的。你是不是只是从小提琴上复制了代码，如果是这样的话，有时会有一个错误在代码中添加一些不可见的字符，所以试着从这里复制代码，或者自己编写，只需要几行。好的。我试图将它集成到我的html文档中-我已经包含了上面的代码-有什么我做错了吗-附言。只要让你知道，一旦这个小错误被解决，我肯定会选择你作为正确的答案。@JoseBazBaz-很难判断错误是什么，但是控制台会告诉你在哪里可以找到这个字符（s） 检查是否正确添加了jQuery，并确保document.ready函数中的代码等。最后一行有问题：}）；