分享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 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
Node.js的Express框架使用上手指南
Mar 12 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
使用微信小程序开发前端【快速入门】
Dec 05 Javascript
JavaScript验证知识整理
Mar 24 Javascript
JavaScript实现二维坐标点排序效果
Jul 18 Javascript
浅谈Vue父子组件和非父子组件传值问题
Aug 22 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
Vue Element校验validate的实例
Sep 21 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
一个程序下载的管理程序(二)
2006/10/09 PHP
PHP 检查扩展库或函数是否可用的代码
2010/04/06 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
PHP Swoole异步读取、写入文件操作示例
2019/10/24 PHP
js自定义事件代码说明
2011/01/31 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
2013/01/17 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
jQuery对JSON数据进行排序输出的方法
2015/06/24 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
Python datetime时间格式化去掉前导0
2014/07/31 Python
Python入门教程之if语句的用法
2015/05/14 Python
Python使用django搭建web开发环境
2017/06/09 Python
Python Numpy 数组的初始化和基本操作
2018/03/13 Python
Python使用Windows API创建窗口示例【基于win32gui模块】
2018/05/09 Python
Python数据类型之List列表实例详解
2019/05/08 Python
python判断自身是否正在运行的方法
2019/08/08 Python
python中的反斜杠问题深入讲解
2019/08/12 Python
Keras 加载已经训练好的模型进行预测操作
2020/06/17 Python
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
班级旅游计划书
2014/05/03 职场文书
个人培训总结
2015/03/05 职场文书
暂停营业通知
2015/04/25 职场文书
大学感恩节活动总结
2015/05/05 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server