输入图像的URL并在页面上以Javascript/HTML格式显示

对于HTML中的项目，我需要一个显示“添加图像”的按钮，这需要打开一个文本框

如果将图像的URL放入其中，则需要在当前页面上显示图像

是否有任何工作示例或JSFIDLE可以实现这一点？使用Javascript。

var image=document.getElementById'image'； 函数getUrl{ var url=提示“输入图像url”； 如果url{//，请在此处执行字符串和url验证，并对图像类型进行验证 返回url； }否则{ 返回getUrl； } } image.src=getUrl；

---

要获取图片的URL，只需使用提示符。获得URL后，您要做的是加载图像，检查它是否真的是图像，例如，不仅仅是.html文档，然后显示它

var img=新图像； img.src=图片的提示URL:； //URL无效或资源不是图片 img.onerror=函数{alertProvided URL未指向有效图片。}； //好的，我们有正确的图片；展示它 img.onload=函数{ document.getelementbyidiourimgelement.src=img.src； };

---

使用prompt获取URL，并在获得URL后将其分配给image元素。您好，欢迎使用Stack Overflow。在这里，我们通常希望您亲自尝试一下，并向我们展示您迄今为止所做的工作，然后我们帮助您按照您希望的方式工作。在本例中，我希望您向我们展示一个html按钮的尝试。如何确保这只在按下按钮时发生？将代码包装到函数中，然后在发生单击事件时调用新创建的函数。只需在按钮上使用onClick参数即可。