将图像链接拖放到文本区域并提取源

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

我建议您首先将图像下载到本地计算机，然后将图像拖到您的网站中。也许这会有所帮助。