前端技术-如何实现拖动上传?

前端技术-如何实现拖动上传?

清晨说ぺ晚安 发布于 2017-07-12 字数 153 浏览 1129 回复 3

如何将一个本地的文件通过拖动到网页指定的一个区域进行上传?这样不同于以往的file框或者是flash 通过点击页面的上传按钮再去选择指定的上传文件进行上传。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

归属感 2017-10-12 3 楼

  jQuery File Upload 是一个jQuery的文件上传插件,支持多文件上传,从桌面拖动到浏览器中的上传方式。
http://blueimp.github.com/jQuery-File-Upload/

甜柠檬 2017-08-13 2 楼

HTML5支持文件托拽,但是不支持拖拽进去就上传需要Jquery辅助一下。
最重要的是浏览器支持HTML5.
前几位已经写的很好我来补充下。

泛泛之交 2017-07-21 1 楼

HTML5直接支持文件托拽
jquery有封装的DEMO:
http://demo.tutorialzine.com/2011/09/html5-file-upload-jquery-php/