javascript - 将桌面拖放到浏览器 HTML5 Javascript

标签 javascript html drag-and-drop

<分区>

正在寻找一些指导,仍然是一个代码学习者并且在使用 HTML5 DnD/File Api 时遇到了一些困难......玩了一些演示以尝试理解它们是如何工作的,我有一个有点问题。

大多数似乎使用内联 css/js 方法,我试图在单独的文件中使用它们,但似乎无法正确使用。

有人可以为我做一个非常快速的演示,使用 HTML Canvas 和从桌面拖入,一个简单的 Canvas 元素从桌面拖入吗?似乎无法理解它。

使用 chrome,因此无需担心跨浏览器支持。

非常感谢奥尔多。

最佳答案

我总是担心那些说“使用 chrome,所以无需担心跨浏览器支持”之类的话的人 - 因为 IE6 就是这样开始的,看看它把我们引向何方。

不过,好消息是大多数现代浏览器都支持 HTML5 文件 API,因此我们不需要针对特定​​浏览器执行任何操作。

Mozilla 网站是一个很好的引用,他们有一个关于如何使用文件 API 的优秀教程。在这里阅读:https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

本教程涵盖的内容远不止拖放,在开始使用拖放之前,您需要先完成一些基本项目,但它很透彻,对所有内容都进行了详尽的解释。

希望对您有所帮助。

关于javascript - 将桌面拖放到浏览器 HTML5 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13772583/

相关文章:

javascript - 如何使用按钮遍历 <ul> ?

javascript - "this"setTimeout自执行函数内未定义

javascript - HTML5 Canvas 扇贝形状

javascript - jquery/javascript if else 语句不起作用,检测到空文本框

html - 忽略边距和 float

angularjs - "clickable"和 "draggable"区域

css - MVC jquery mobile 在加载时不占用整个页面宽度

python - 通过 HTTP 表单将文件上传到 S3 的简单方法

javascript - 拖放不适用于缩放

reactjs - react-beautiful-dnd:无法在 Draggable 中找到拖动 handle 元素