这将接受拖放的本地文件并将文件数据读取到 files 字符串中。我怎样才能读取直接从浏览器中删除的远程图像？即从 Google 图片搜索中将图片拖到 Dropzone 中并读取图片 URL。
<!DOCTYPE html>
<html>
<body>
<div id="dropzone"></div>
<script>
function handleFileSelect(evt){
evt.stopPropagation();
evt.preventDefault();
var files = evt.dataTransfer.files;
}
// Setup the dnd listener
var dropZone = document.getElementById('dropzone');
dropZone.addEventListener('drop', handleFileSelect, false);
</script>
</body>
</html>
最佳答案
据我了解，您显示的文件不在本地系统上，而是远程并显示在浏览器中。如果您显示图像或图像图标而不是文件，请将元素设置为 draggable并允许放置在其他元素上。在放置时编写代码以在服务器端复制或执行某些操作。
关于javascript - 拖放期间从外部远程图像读取 URL 数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8323265/