是否可以通过将文件从桌面拖动到浏览器来上传文件

Posted 2023-05-08

【中文标题】是否可以通过将文件从桌面拖动到浏览器来上传文件

【英文标题】：Is it possible to upload a file by dragging a file from the desktop to the browser

【发布时间】：2011-10-10 17:53:23

【问题描述】：

这个想法是您从桌面拖动一个图标（特定文件）并在网站的特定位置发布？？？是否可以实现（通过jquery？）

【问题讨论】：

有可能。看看 imgur.com。可能要修改问题来具体问。

谢谢。具体..，好吧 1.哪种语言可以做到这一点？ 2.是否支持不同的浏览器？

google 也实现了，看图片搜索google.com/imghp?hl=en&tab=wi

***.com/questions/1663741/…的可能重复

我不认为所有的网络浏览器都支持它，所以我很想提供这两种变体。尤其是便携式浏览器

【参考方案1】：

我强烈建议您使用PlUpload 来执行此任务。因为这个组件基于很多插件或功能，取决于当前浏览器中可用的插件是什么。但它对拖放功能仍有一些限制。

【参考方案2】：

一种使用插件的方法，例如有很多插件

http://aquantum-demo.appspot.com/file-upload

【参考方案3】：

答案：是的，你可以，但这不是一个简单的任务。不要指望一个班轮没有插件。

要了解更多信息，谷歌搜索有多难？ Here

一个很好的演示：http://aquantum-demo.appspot.com/file-upload 一个插件：http://plugins.jquery.com/plugin-tags/drag-drop-upload 另一个插件：http://plugins.jquery.com/plugin-tags/drag-and-drop-upload另一个好插件：http://valums.com/ajax-upload/看看这个问题：Is there a good jQuery Drag-and-drop file upload plugin?

【参考方案4】：

我用过Valum's Ajax Upload...效果很好，并且具有您正在寻找的拖动上传功能。

为了更好地回答您在此答案的评论中提出的问题，如果您将该类更改为以下，boom，您将拥有一个完整的页面放置区域...

.qq-upload-drop-area 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 70px;
z-index: 2;
background: rgba(155, 155, 155, 0.5);
text-align: center;
bottom: 0;
right: 0;

【讨论】：

是的，我看过这个网站，真的很棒，但是，屏幕怎么会像 imgur 一样变得模糊和中心的 UPLOAD LOGO？

它是完全可定制的......例如，您可以让 .qq-upload-drop-area 类扩展整个屏幕，而不仅仅是默认显示的区域。