javascript - 有没有办法将文件从 Web 应用程序拖动到桌面应用程序?

标签 javascript google-chrome web browser

如何以编程方式实现将本地文件从 Web 应用程序拖动到桌面应用程序的方法?

最佳答案

检查this link出去。它更详细一些。我已经创建了我的评论的第一个版本。它会将链接作为文本删除(在 MS Word 中测试)。您的应用程序现在需要支持这种类型的删除。

<div 
  draggable="true" 
  ondragstart="event.dataTransfer.setData('text/plain',
  'http://che.org.il/wp-content/uploads/2016/12/pdf-sample.pdf')">
  <img src="http://via.placeholder.com/300?text=Placeholder.com+rocks!" draggable="false" />
</div>

您甚至可以将 MIME 类型更改为文件或类似类型,并且可能必须调整第二个参数,我还没有测试过这一点,但这取决于您的桌面应用程序对此使用react。 This link可能会帮助您,但我认为您必须先下载该文件。如果是这样,我会将 MIME-Type 更改为 application/octet-stream (对于一般文件)、您想要的特定 MIME-Type 甚至您自己的 MIME-Type(这样只有您的应用程序知道)。您仍然可以放置文本/链接,然后将文件下载到您的应用程序中。

尝试使用 MIME 类型等:

<div 
  draggable="true" 
  ondragstart="event.dataTransfer.setData('application/octet-stream',
  'http://link.to/your/file.txt')">
  <img src="http://repository.wustl.edu/assets/default-c6018ff301250c55bcc663293e1816c7daece4159cbc93fc03d9b35dbc3db30d.png" draggable="false" />
</div>

关于javascript - 有没有办法将文件从 Web 应用程序拖动到桌面应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45997440/

相关文章:

css - 更少的 css 在服务器上无法正常工作

html - chrome css 错误文本在宽度用完时不会中断

javascript - 单击按钮将不同的图片加载到一个 <div>

html - 谷歌浏览器径向渐变闪烁

c++ - 如何在浏览器内的网络上运行 C++ 程序?

html - 使 div 形状在转换后消失

javascript - 我们可以在按钮的输入类型中给出两个值吗?

javascript - 如何使用过滤数组删除数组中的项目?

javascript - 用于复杂形式的设计模式

javascript - AS3 - math.pow 和 math.log