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

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

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