今天给大家分享一款优秀的文件拖拽上传及图片预览开源类库DropZoneJS。
dropzonejs 基于Javascript构建的轻量级web文件拖拽上传插件，star高达15.3K+。零依赖且高度可定制化。
下载
https://github.com/enyo/dropzone/archive/v5.7.0.zip下载完毕后，引入dropzone.js插件。
快速使用
// Dropzone class:
var myDropzone = new Dropzone("div#myId", { url: "/file/post"});
// jQuery
$("div#myId").dropzone({ url: "/file/post" });
兼容性
- Chrome 7
- Firefox 4
- IE 10
- Opera 12
- Safari 6
图片预览模板
可以配置previewTemplate来自定义模板。
![]()
![]()
✔
✘
提供了非常丰富的参数及事件列表，满足多样化上传需求。
秒鲨号所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体)，仅供学习参考。用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权，请联系我们反馈！本站将在三个工作日内改正。