將圖像鏈接拖放到文本區域並提取源

Question

我想將圖像從另一個瀏覽器拖到我網站的文本區域中，然后提取圖像源。 但是var selected_file是未定義的。

的HTML：

 <textarea id="input" type="file" rows="4" cols="50"> </textarea> 

js：

    document.getElementById("input").addEventListener('drop', function ( e ){

            e.stopPropagation();
    e.preventDefault();
    var selected_file = e.dataTransfer.files[0];
    console.log(selected_file);
}); 

Answer 1

我建議您首先將圖像下載到本地計算機上，然后再將圖像拖到您的網站中。 也許可以幫上忙。