分享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?不一样的table(可编辑状态table)
Sep 19 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
Vue组件tree实现树形菜单
Apr 13 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
一个因@click.stop引发的bug的解决
Jan 08 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 Javascript
Vue环境搭建+VSCode+Win10的详细教程
Aug 19 Javascript
浅谈JavaScript浅拷贝和深拷贝
Nov 07 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 header功能的使用
2013/10/28 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
js活用事件触发对象动作
2008/08/10 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
2009/04/29 Javascript
JavaScript闭包详解
2015/02/02 Javascript
js实现交换运动效果的方法
2015/04/10 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
Vue 进阶教程之v-model详解
2017/05/06 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
2017/05/12 Javascript
js获取一组日期中最近连续的天数
2017/05/25 Javascript
vue2.0移除或更改的一些东西(移除index key)
2017/08/28 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
简单介绍Python中的struct模块
2015/04/28 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
java中的控制结构(if,循环)详解
2019/06/26 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
世界上最大的曲棍球商店:Pro Hockey Life
2017/10/30 全球购物
什么是Linux虚拟文件系统VFS
2015/08/25 面试题
公证书标准格式
2014/04/10 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
青春雷锋观后感
2015/06/10 职场文书
goland设置颜色和字体的操作
2021/05/05 Golang
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript