Question

有这样的按钮：

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

是否可以设置一个按钮，用户可以在网页的某处包含（复制/粘贴）照片的网址？

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

Answer 1

我理解这是一个模糊的答案，但它只是像你的问题一样模糊。如果这不是您想要的，请告诉我们最终结果应该是什么样的。

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

<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)"/>

将其复制并粘贴到网页中：

    <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>

来自网络的网址按钮

1 个答案: