javascript - 使用Javascript获取拖放文件图标

标签 javascript drag-and-drop dom-events

我想在用户将图标拖放到某种 div 上时获得图标图像,但它会准确显示用户看到的内容(例如缩略图、*.ico),是否可以这样做,或者有人知道任何做类似事情的项目吗?

最佳答案

我建议混合使用:

这个很棒的拖放上传库: http://valums.com/ajax-upload/

此 javascript 代码用于在上传之前预览上传的图像 How to upload preview image before upload through JavaScript

您必须在 Valum 的 uploader 中添加一个监听器以获取正在上传的文件,然后使用第二个链接中的代码显示它。

通过 javascript 获取本地镜像路径不是一件容易的事......并且能够在支持大多数浏览器的情况下做到这一点甚至更糟糕......

解决问题的一种更简单的方法是将图像上传到服务器上的临时位置,返回该临时路径并显示刚刚上传的图像。然后你添加第二个“保留”和“丢弃”按钮,如果用户喜欢他上传的内容并且你删除临时图像,则将上传的图像保存到真实路径。由于您的图像是 .ico,我认为它们不是真正的大文件,因此它们上传速度非常快,用户也可以使用该技术快速获得“预览”。

您应该问问自己,是否所有的时间都花在调整代码上,以便在上传之前向用户展示预览,是否真的可以改善用户使用您的工具的体验!

关于javascript - 使用Javascript获取拖放文件图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7441656/

相关文章:

javascript - 跨度上的值绑定(bind)不起作用

javascript - 查找文本节点内滴的确切位置

JavaScript 如何对按钮进行编程以使其像鼠标单击一样?

javascript - 使用 interact.js 的拖放功能

javascript - 有没有办法在子节点获得焦点时阻止父容器滚动?

javascript - 如何使用 JavaScript 在 HTML 中为特定单词添加样式?

javascript - 如何在 D3.js V4 中制作静态力图?

javascript - IE7 和单选按钮 .checked 问题。 .defaultChecked 是答案吗?

javascript - 在 URL 查询更改后 react 如何呈现页面

php - Dropzone.js 用 php 删除按钮