網址按鈕從網絡

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>