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

 更新时间:2018年09月16日 14:42:03   投稿:wdc  
本文为大家分享了5个不错的javascript文件上传插件,选择一款功能强大使用简单的上传插件将为我们节省很多开发时间

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

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

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上传插件

相关文章

  • ThinkJS中如何使用MongoDB的CURD操作

    ThinkJS中如何使用MongoDB的CURD操作

    最近因为心血来潮想要试试thinkJS操作mongoDB,去官方文档看了看,默认是只给了mysql的配置,源代码也是没有配置mongo的,只有一个官方案例,无奈只能自己学习了,下面是自己的一些学习总结,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12
  • 基于d3.js实现实时刷新的折线图

    基于d3.js实现实时刷新的折线图

    本文用实例演示如何用d3.js实现实时刷新的折线图,非常具有实用价值,需要的朋友可以参考下。
    2016-08-08
  • Highcharts学习之数据列

    Highcharts学习之数据列

    数据列配置是 Highcharts 最复杂也是最灵活的配置,如果说 Highcharts 是灵活多变,细节可定制的话,那么数据列配置就是这个重要特性的核心。
    2016-08-08
  • Highcharts学习之坐标轴

    Highcharts学习之坐标轴

    今天讲交互图表Highcharts的坐标轴,我们将对Highcharts图表的坐标轴组成、坐标轴类型等进行详细系统讲解。下面一起来看看。
    2016-08-08
  • Three.js学习之文字形状及自定义形状

    Three.js学习之文字形状及自定义形状

    今天小编带大家学习的是Three.js的文字形状与自定义形状,文章内容很详细,对大家学习Three.js或许有帮助,下面一起来看看吧。
    2016-08-08
  • 浅谈JavaScript前端开发的MVC结构与MVVM结构

    浅谈JavaScript前端开发的MVC结构与MVVM结构

    以AngularJS为代表的MVVM结构框架或库这两年来在前端界真是火到不行,大有对抗传统jQuery绑定思想的趋势,这里我们结合传统的MVC结构,来浅谈JavaScript前端开发的MVC结构与MVVM结构
    2016-06-06
  • JavaScript库omit源码解析

    JavaScript库omit源码解析

    这篇文章主要为大家介绍了JavaScript库omit源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • JS日程管理插件FullCalendar简单实例

    JS日程管理插件FullCalendar简单实例

    JS日程管理插件FullCalendar是一款基于jQuery的日历日程插件,适用于各种日程安排、工作计划等场景,您可以很方便的查看查看待办事项,标记重要事项以及绑定点击和拖动事件,能快速的整合到您的项目中,本文将简单介绍FullCalendar的使用
    2017-02-02
  • 交互式可视化js库gojs使用介绍及技巧

    交互式可视化js库gojs使用介绍及技巧

    这篇文章主要介绍了如何使用可视化库gojs及使用时的小技巧,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2022-01-01
  • Three.js学习之Lamber材质和Phong材质

    Three.js学习之Lamber材质和Phong材质

    本篇将介绍基本材质以及两种基于光照模型的材质(Lamber与Phong),有需要的小伙伴们可以参考学习。
    2016-08-08

最新评论