【问题标题】: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
  • 我不认为所有的网络浏览器都支持它,所以我很想提供这两种变体。尤其是便携式浏览器

标签: jquery


【解决方案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 类扩展整个屏幕,而不仅仅是默认显示的区域。
        猜你喜欢
        • 2011-07-21
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-03-01
        • 2015-06-03
        • 2014-10-21
        • 2011-08-10
        • 1970-01-01
        相关资源
        最近更新 更多