来自网络的 URL 按钮 [关闭]答案

【问题标题】：Url button from web [closed]来自网络的 URL 按钮 [关闭]
【发布时间】：2014-12-03 16:33:43
【问题描述】：

有这样的按钮：

 <p>
   Upload:<br>
  <br>
   <input type="file" name="datafile" size="40">
  </p>

是否可以有一个按钮，用户可以在其中包含（复制/粘贴）网络某处照片的 URL？

示例：我想要按下按钮，它会要求用户插入来自网络的图像链接，例如 this，它会拍照

【问题讨论】：

你想用这个做什么
你用什么服务器端来处理这个？
我不清楚这意味着什么。请详细说明。
按按钮，你的意思是输入框吗？
@Roi513 你的意思是说你希望用户只上传图片，对吧？如果是，这可能会让您感兴趣 - stackoverflow.com/questions/9314164/…

标签： html

【解决方案1】：

我知道这是一个模糊的答案，但它与您的问题一样模糊。如果这不是您想要的，请告诉我们最终结果应该是什么样子。

function writeImage(url){
  
  document.body.innerHTML = '<img src="' + url + '"/>';
  
  }

&lt;input type="text" id="imgUrl" size="30" value="http://placekitten.com/g/300/200" placeholder="image url here"/&gt;&lt;input type="button" value="Insert Image" onclick="writeImage(document.getElementById('imgUrl').value)"/&gt;

复制并粘贴到网页中：

    <input type="text" id="imgUrl" size="30" value="http://placekitten.com/g/300/200" placeholder="image url here"/><input type="button" value="Insert Image" onclick="writeImage(document.getElementById('imgUrl').value)"/>

<script>
function writeImage(url){

  var URL = url;

  var myWindow = window.open("", "_blank", "width=300, height=200");

myWindow.document.write("<img src='" + url + "'/>");

  }
</script>

【讨论】：

检查我编辑的答案。
检查我的新代码。将其粘贴到网页中。如果您认为我的回答很好，请为我的回答投票。
您可能需要预加载图像。在此示例中，图像加载速度很快，但在某些情况下，图像可能需要一些时间才能加载，您可能希望使用 javascript 预加载它。 IE。加载图像然后插入 html。