2

在 Gmail 中，在撰写电子邮件时，如果您将文件拖到撰写区域（编辑器）以附加文件，则撰写区域将变为拖放区域以上传文件。

我想知道如何做以下事情：

当用户将文件拖到元素上时，如何将 HTML 元素变成拖放文件上传区域？

无需将元素转到拖放文件上传区域。但是可以有另一个 HTML 元素，它用作拖放文件上传区域，当用户将文件拖到第一个元素上时，它需要出现在第一个元素的顶部。所以，我需要知道如何知道用户何时拖动文件并将其移动到任何 html 元素上。这就像mouseover拖动文件的事件。这是什么活动？

4

3 回答 3

4

有一个 jQuery 插件可以让你拖放要上传的文件... Look for jQuery File Upload Demo

为了做你想做的事，你必须添加mouseIn事件处理，并且在事件中，这样做：

function draggingIn(e) {

   var count =  e.dataTransfer.files.length; (like Chamika Sandamal function)

   if (count > 0) {
        //A file is dragged
        $('droppable').addClass('showBox');
   }
}

对于最近的浏览器，您可以使用 HTML5 可拖动功能，请参见此处

它看起来像这样：小提琴我做了一些测试，只是寻找拖动事件

于 2013-04-03T07:18:59.903 回答
0

你有没有自己尝试过，也许是谷歌？html5demos.com 上的示例

于 2013-04-03T07:18:59.307 回答
-3

请参考此站点，因为 Gmail 拖放是在此概念中完成的。

https://developer.mozilla.org/en-US/docs/Web/Events/drag

https://developer.mozilla.org/en-US/docs/Web/Events/drop

如果您有任何疑问，可以在下面发布

于 2014-08-11T14:06:13.080 回答