分享5个好⽤的javascript⽂件上传插件
⽂件上传是我们开发⽹站程序时经常遇到的功能,选择⼀个功能强⼤,使⽤简单的上传插件可以节省我们很多开发时间,下⾯就为⼤家介绍5个不错的javascript⽂件上传插件
Mini AJAX File Upload Form
这个插件的UI和体验都⾮常棒,不过它依赖于下⾯介绍的jQuery File Upload plugin。
特点
⽀持多⽂件上传
⽀持⼀次选择多个⽂件上传
可上传任意⽂件
拖拽⽀持
⽆需flash
⼩巧的上传表单适合移动设备
简洁的进度条
可随时取消
有⽂档
免费
演⽰下载
Dropzone JS
⼀个轻量级的⽂件上传插件,使⽤起来⾮常简单,⽀持jquery,但并不依赖jquery,⽂档齐全,⾮常推荐。
特点
响应式设计
⽀持多⽂件上传
⽀持所有⽂件格式
图⽚上传可预览
顶级的UI设计
取消和删除⽂件的选项
拖拽⽀持
⽀持⼀次选择多个⽂件上传
免费
演⽰下载
jQuery File Upload Demo
这个插件就不⽤多说了,可能是最⽕的⽂件上传插件。功能齐全,⽂件上传的后端代码都实现了。不过感觉⽂档很乱,默认UI 也不是很好看,如果让我选择我会选择上⾯的Dropzone JS。
特点
拖拽⽀持
Html进度条
⽀持多⽂件上传
可恢复⽂件上传
⽂件验证以及⼤⼩信息
取消上传
删除上传的⽂件
上传失败显⽰alert提⽰。
响应式设计
⽀持Ruby
⽀持php
免费
演⽰下载
Fine Uploader
⼀个给你流畅体验的⽂件上传插件,功能也⽐较齐全,感觉不错的样⼦,全浏览器⽀持,纯Javascript,不依赖其它项⽬,免费。
演⽰下载
HTML5 File Uploads with jQuery
使⽤新的HTML5 API实现的拖拽上传插件,UI设计不错,只⽀持上传图⽚,可预览上传图⽚。只⽀持Chrome 和 Firefox,因此这个库的学习意义可能⼤于实际⽤途。
演⽰下载
这5款好⽤的JS上传插件总体来说还是不错的,当然国内也有不少优秀的JS上传插件,以后我们将为⼤家分享国内优秀JS上传插件
>jquery插件分享

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。