将桌面拖放到浏览器 HTML5 Javascript [重复]

2024-01-18

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

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

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

使用chrome所以无需担心跨浏览器支持。

非常感谢阿尔多。


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

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

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

本教程涵盖的内容不仅仅是拖放,您需要先完成一些更基本的项目,然后才能进行拖放操作,但它很全面,并详细解释了所有内容。

希望有帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将桌面拖放到浏览器 HTML5 Javascript [重复] 的相关文章

  • 如何在图像上叠加徽标?使用CSS

    正如您所看到的 徽标显示在背景图像上方 但我希望它位于背景图像的中心 这是我的标题 背景需要从页面顶部开始并在菜单之前结束 徽标需要显示在背景图像的中央 我已经尝试了很多 但也许有人遇到了类似的问题 可以帮助我解决这个问题 这张图片显示它几
  • 在生产中使用 css / javascript 源映射对性能有何影响?

    生产环境中应该使用源映射吗 除了调试之外 它们还有什么好处吗 由于额外的服务器往返 它们是否会影响应用程序加载时间 浏览器是否足够智能来加载 map应用程序加载和渲染后的资产 如果浏览器找不到 map asset 404错误 会对性能产生影
  • CSS:响应式布局中的高度自动问题

    我在响应式布局中使用 jquery 延迟加载 并使用空白 gif 作为预览图像 为了使延迟加载工作 我必须通过属性设置图像的高度和宽度 预览图像未设置为正确的高度 因为 height auto 似乎是通过 src 而不是通过高度属性计算高度
  • 列表项的替代背景颜色

    我有一个列表 每个项目都是链接的 有没有办法可以替换每个项目的背景颜色 ul li a href link Link 1 a li li a href link Link 2 a li li a href link Link 3 a li
  • 如何在 vuejs 中防止/停止点击传播

    我有一个递归列表 树 每个元素都有一个 click sayHello el id 现在的问题是 因为它是一个嵌套列表 例如 list element 0 01 list el 1 01 list el 2 01 list el 1 02 l
  • 如何在 jQgrid 中隐藏列但在添加/编辑面板中显示此列

    我想要一种我使用的控制形式 但字段数量太高了 如何显示网格 但只有表单添加 编辑弹出面板中的某些字段显示所有字段 以下是您可以执行此操作的方法 colModel name email label E mail editable true h
  • 为什么 Number.isNaN() 对字符串返回 false?

    据我的理解NaN代表Not A Number Strings不是绝对的Numbers因此我希望下面的代码返回true对于字符串 然而 事实并非如此 console log Number isNaN Stack Overflow 有人可以澄清
  • jQuery 删除函数真的删除 Dom 元素吗?

    我真的想知道 jQuery 是否remove http api jquery com remove 函数确实从 DOM 中删除元素 首先 我看了here https stackoverflow com questions 2185760 j
  • 使用 System.js 导入 Typescript 编译的模块时出错

    我最近正在学习使用 system js 导入由 Typescript 编译的模块 这些模块之前是为 require js 编译的 并且工作正常 但是合并到system js时 应用时无法导入模块系统生产 js 控制台说 Uncaught i
  • 如何列出特定服务器的所有成员?

    我的代码是 const list client guilds find id 335507048017952771 for user of list users console log user 1 username 这实际上没有任何作用
  • 在 wkwebview 中启用摄像头和麦克风访问

    我有一个针对移动设备优化的网络应用程序 它利用getUserMedia访问网络摄像头和麦克风资源 我正在将这个应用程序包装在WKWebView因为我想提供原生应用程序体验 我知道 iOS 不允许通过浏览器访问相机 但是有什么方法可以使用本机
  • bootstrap-datetimepicker 仅显示日期

    我正在用这个repo https github com smalot bootstrap datetimepicker由 smalot 提供 我只想选择并显示日期 对于其他一些地方 我显示数据和时间 因此选择此存储库 我可以设法仅使用它来选
  • CSS - 最大宽度和椭圆

    我有一个包含文本的跨度 我希望跨度扩大到最大 500px 以容纳里面的文本 达到最大值后 我希望文本为任何溢出最大宽度的文本显示省略号 这可能吗 我尝试了以下方法 但这并没有达到目的 Thanks position absolute top
  • 如何控制谷歌地图标记的不透明度

    我需要根据时间使一些标记半透明 有什么方法可以控制标记的 CSS 不透明度吗 或者是否可以可靠地找出标记的 DOM 元素 我使用 Google 地图 API v3 标记的不透明度可以设置为marker setOptions opacity
  • 在 Nest.js 中发送之前如何格式化响应?

    我按照文档进行操作 并能够添加用于响应映射的拦截器 我想要一致的 json 格式输出作为响应 我怎样才能用拦截器或其他比这种方法更好的方法来实现这一点 statusCode 201 message Custom Dynamic Messag
  • Twitter Bootstrap 行过滤器/搜索框

    我无法找到有关如何为 Twitter Bootstrap 创建简单搜索查询或行过滤器的教程 我已经尝试了很多 我不确定是否我做错了什么或者插件与 Bootstrap 不兼容 如果可以的话请帮忙 我试过了 document ready fun
  • 如何使 CSS 动画/过渡以固定速度而不是固定持续时间播放? [复制]

    这个问题在这里已经有答案了 我有一个 CSS 动画 可以使元素沿直线移动未定义的距离 据我所知 动画具有固定的持续时间 因此无论元素必须移动多远 动画始终需要相同的时间来运行 我该如何制作才能使动画没有固定的duration 但有固定的运动
  • ExtJS:简单表单忽略 formBind

    我有一个小问题让我发疯了好几天 我有一个表单面板 Ext define EC view PasswordPanel extend Ext form Panel alias widget pwdpanel bodyPadding 15 ini
  • 如何选中表格中输入文本焦点上的复选框

    我试图在输入文本焦点上检查表 DOM 中的复选框 但无法访问复选框元素 但我的焦点正在工作 这是我的 jsfiddle 链接https jsfiddle net 9qha9vft https jsfiddle net 9qha9vft 这是
  • 使用 Javascript 删除字符串的最后一个字符

    我有一个DIV与一些字符 如何在每次单击时删除文本中的最后一个字符DIV itself 删除第一个字符 div on click function this text function index text return text repl

随机推荐

  • 何时使用 .First 以及何时将 .FirstOrDefault 与 LINQ 结合使用?

    我已经四处搜寻 但还没有真正找到关于何时使用的明确答案 First当你想使用时 FirstOrDefault使用 LINQ 您想什么时候使用 First 仅当您想在没有返回结果的情况下捕获异常时 var result List Where
  • calc() 是否适用于 CSS 中图像的背景大小?

    我的问题很简单 calc 用于纯 CSS 中背景图像的背景大小 现在我正在修复响应式移动视图的背景图像 我希望图像保持固定的屏幕比例 但在任何移动屏幕上调整大小 我实现了这段代码 目前不起作用 media max width 767px b
  • 使用 jQuery 收集所有没有特定类的“可见”表单元素的最佳方法?

    我正在尝试在给定表单上重新分配新的选项卡索引 为此 我想排除任何不可见 不可见 的表单元素 并且还排除拥有特定类 offscreen 的任何表单元素 我正在尝试这种方法 但是 它不起作用 并且可能不是最有效的方法 function reas
  • MAMP 中包含的 MySQL 是否不包含配置文件?

    我似乎找不到 my cnf 或 MySQL 附带的其他配置文件MAMP http www mamp info en index html 其中不包括一项吗 MAMP 非 PRO 的 MySQL 服务器将在没有任何 my cnf 文件的情况下
  • PHP 编辑 Microsoft Word 文档 str_replace 和 preg_replace 不起作用

    假设 我有 MSWord 文件 source doc 其下一个内容是 Microsoft Word 文件的内容 例如 我想通过 PHP 打开它 并将单词 Microsoft 替换为 Openoffice 并将结果保存到结果 doc 这是使用
  • 如何将 malloc 返回的指针视为多维数组?

    有没有办法告诉编译器我已经分配了大小为 N M 的内存 并且我想将此指针视为 N M 数组 换句话说 有没有办法写这样的东西 int arr N M int N M malloc N M sizeof int arr x y 123 我知道
  • Java 7 明显的安全变化

    随着最近对 Java 7s 安全检查的更改 我正在更新我们的 Webstart 应用程序 以允许它在没有警告的情况下运行 我们的 webstart 应用程序由许多 jar 文件组成 其中只有少数是我们开发的 我们使用许多第 3 方 jar
  • 从node.js中的模块内调用app.js的函数?

    假设我有以下 app js 显然very简化 var express require express app express createServer include routes require lib routes app some r
  • 如何抓取由 R 渲染的 JavaScript 网站?

    想问下有没有什么好的方法可以抓取下面的网站 基本上我想获取所有产品的名称和价格 然而 价格信息存储在一些 JQuery 脚本中 硒是唯一的解决方案吗 想过用V8 Jsonlite 但好像不太适用 如果你能在 R 中提供一些替代方案 那就太好
  • Ansible playbook 中的动态变量名称?

    我有许多带有名称的列表 这些列表是通过附加创建的ec2 public dns name to seeds 像这样 seeds ec2 50 8 1 43 us west 1 compute amazonaws com 我需要每个主机的配置来
  • 如何在 Vertica 中创建外部过程

    如何在 Vertica 中创建使用带有诸如以下子句的 SQL 的函数 过程FROM WHERE GROUP BY ORDER BY LIMIT etc 维蒂卡的create function语法禁止在语句中使用某些子句expression
  • Excel VBA Array() 函数导致类型不匹配?

    我创建了以下函数来查找文件并在未找到文件时给出错误 Public Function checkFileExistence arrFileNames As String Optional bShowErrMsg As Boolean Fals
  • Python SIGINT 未捕获

    我不明白为什么我的 SIGINT 永远不会被下面的代码捕获 usr bin env python from threading import Thread from time import sleep import signal class
  • 如何让主线程等待所有子线程完成?

    我打算在主线程中触发 2 个线程 并且主线程应该等待所有 2 个子线程完成 这就是我的做法 void routine void arg sleep 3 int main for int i 0 i lt 2 i pthread t tid
  • v3io,文件数量限制

    您知道限制或公式吗 如何计算 v3io 中的文件数量 它可能与集群中数据节点的数量和数据服务器节点上的内存大小有关 我尝试在 v3io 中使用 50 个和 8000 万个文件 它表现良好 但了解预期限制或一般建议很重要 顺便说一句 我没有这
  • 如何使用线程模块暂停和恢复线程?

    我有一个很长的进程 我计划在一个线程中运行 因为否则它会冻结我的 wxpython 应用程序中的 UI 我在用着 threading Thread target myLongProcess start 启动线程并且它可以工作 但我不知道如何
  • common lisp - 获取文件路径

    在 Common Lisp 中 有没有办法获取编译文件的路径 类似于当前目录 该文件不在当前目录文件夹内 这应该是一条评论 但我将提供一些可能对原始发布者有所帮助的代码示例 首先 你需要更清楚自己想做什么 您想要解决的问题是什么 其次 这里
  • 对于 Web 应用程序来说,正确的 MVC 图是什么? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 哪个 MVC 图是正确的 每个都有不同的箭头 图1 图2 source stannard net au http blog stannard n
  • 为什么“map (filter fst)”的类型为“[[(Bool, a)]] -> [[(Bool, a)]]”?

    我试图理解为什么这个函数 map filter fst 有类型 Bool a gt Bool a 如果filter必须接收一个返回Bool类型的函数并且fst只返回元组的第一个元素 那么 filter fst 如何工作 filter a g
  • 将桌面拖放到浏览器 HTML5 Javascript [重复]

    这个问题在这里已经有答案了 正在寻找一些指导 仍然是一个代码学习者 并且在使用 HTML5 DnD File Api 时遇到了一些困难 玩了一些演示 尝试了解它们是如何工作的 我有一点问题 大多数似乎使用内联 css js 方法 我试图在单