分享5个好用的javascript文件上传插件


Posted in Javascript onSeptember 16, 2018

文件上传是我们开发网站程序时经常遇到的功能,选择一个功能强大,使用简单的上传插件可以节省我们很多开发时间,下面就为大家介绍5个不错的javascript文件上传插件

这篇文章的资源均来自https://dcrazed.com/html5-jquery-file-upload-scripts/ 。我选择了其中自己觉得可用性比较强的几个。

Mini AJAX File Upload Form

这个插件的UI和体验都非常棒,不过它依赖于下面介绍的jQuery File Upload plugin。

特点

  • 支持多文件上传

  • 支持一次选择多个文件上传

  • 可上传任意文件

  • 拖拽支持

  • 无需flash

  • 小巧的上传表单适合移动设备

  • 简洁的进度条

  • 可随时取消

  • 有文档

  • 免费

演示  下载

分享5个好用的javascript文件上传插件

Dropzone JS

一个轻量级的文件上传插件,使用起来非常简单,支持jquery,但并不依赖jquery,文档齐全,非常推荐。

特点

  • 响应式设计

  • 支持多文件上传

  • 支持所有文件格式

  • 图片上传可预览

  • 顶级的UI设计

  • 取消和删除文件的选项

  • 拖拽支持

  • 支持一次选择多个文件上传

  • 免费

演示  下载

分享5个好用的javascript文件上传插件

jQuery File Upload Demo

这个插件就不用多说了,可能是最火的文件上传插件。功能齐全,文件上传的后端代码都实现了。不过感觉文档很乱,默认UI也不是很好看,如果让我选择我会选择上面的Dropzone JS。

特点

  • 拖拽支持

  • Html进度条

  • 支持多文件上传

  • 可恢复文件上传

  • 文件验证以及大小信息

  • 取消上传

  • 删除上传的文件

  • 上传失败显示alert提示。

  • 响应式设计

  • 支持Ruby

  • 支持php

  • 免费

演示  下载

分享5个好用的javascript文件上传插件

Fine Uploader

一个给你流畅体验的文件上传插件,功能也比较齐全,感觉不错的样子,全浏览器支持,纯Javascript,不依赖其它项目,免费。

演示  下载

分享5个好用的javascript文件上传插件

HTML5 File Uploads with jQuery

使用新的HTML5 API实现的拖拽上传插件,UI设计不错,只支持上传图片,可预览上传图片。只支持Chrome 和 Firefox,因此这个库的学习意义可能大于实际用途。

演示  下载

分享5个好用的javascript文件上传插件

这5款好用的JS上传插件总体来说还是不错的,当然国内也有不少优秀的JS上传插件,以后我们将为大家分享国内优秀JS上传插件

Javascript 相关文章推荐
合并table相同单元格的jquery插件分享(很精简)
Jun 20 Javascript
JS保存和删除cookie操作 判断cookie是否存在
Nov 13 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
JavaScript中对象介绍
Dec 31 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 Javascript
javaScript实现可缩放的显示区效果代码
Oct 26 Javascript
复杂的javascript窗口分帧解析
Feb 19 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
webpack4.x CommonJS模块化浅析
Nov 09 Javascript
深入理解Node内建模块和对象
Mar 12 Javascript
vuex直接赋值的三种方法总结
Sep 16 #Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 #Javascript
vue2过滤器模糊查询方法
Sep 16 #Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 #Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 #Javascript
vuex提交state&&实时监听state数据的改变方法
Sep 16 #Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 #Javascript
You might like
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
jQuery实现统计复选框选中数量
2014/11/24 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
2015/03/14 Javascript
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
微信小程序实现图片上传放大预览删除代码
2020/06/28 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
2014/06/10 Python
python脚本设置系统时间的两种方法
2016/02/21 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Python实现图像去噪方式(中值去噪和均值去噪)
2019/12/18 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
英国假睫毛购买网站:FalseEyelashes.co.uk
2018/05/23 全球购物
长青弘远的面试题
2012/06/09 面试题
大学生的网络创业计划书
2013/12/26 职场文书
支教自我鉴定
2014/01/18 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
党员民主评议个人总结
2014/10/20 职场文书
工程项目合作意向书
2015/05/08 职场文书
培根随笔读书笔记
2015/07/01 职场文书
诉讼和解协议书
2016/03/23 职场文书
2019年朋友圈经典励志语录50条
2019/07/05 职场文书
教师学期述职自我鉴定
2019/08/16 职场文书
webpack介绍使用配置教程详解webpack介绍和使用
2022/06/25 Javascript