七牛云上传文件js_基于 JS 高效在线文件拖拽上传插件DropZone

今天给大家分享一款优秀的文件拖拽上传及图片预览开源类库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来自定义模板。

✔

✘

提供了非常丰富的参数及事件列表，满足多样化上传需求。

# 官网地址https://www.dropzonejs.com/# 仓库地址https://github.com/enyo/dropzone

ok，今天就分享到这里。如果大家用的到的话，可以去看下哈！