2.8.43 • Published 5 years ago

jayloong-uploader v2.8.43

Weekly downloads
1
License
Apache-2.0
Repository
github
Last release
5 years ago

lan-uploader

npm npm license

Vue.js file upload component The component is just a button

  • Multi-file upload
  • Upload directory
  • Drag upload
  • Drag the directory
  • Upload multiple files at the same time
  • html4 (IE 9)
  • PUT method
  • Customize the filter
  • thumbnails
  • Chunk upload

原版本: v2.8.15 本组件使用此版本号: v2.8.42 (只是修改了一些功能)

Pre

此组件是使用 vue-upload-component 根据项目需要修改而来,依然采用Apache 2.0协议。 如有侵权请告知删除 lan6995@gmail.com

  1. 添加了总体进度 upload.progress (通过每个文件的progress计算而来)
  2. 修改了input-file与input-filter两个事件,添加一个参数evt 用以简单识别事件类型 2018-11-26:添加错误报告
  3. 添加上传成功事件:single-success 单文件上传完毕 、 all-success 所有文件上传完毕
  4. 自定义实现了ChunkUploadHandler
  • 将startBody/uploadBody/finishBody的获取方式修改为从文件获取(独立),原方式: 从chunkOptions中获取(统一)
  • 将updateFileProgress的实现从 this.file.progress = this.progress 修改为 this.uploader.update(this.file, { progress: this.progress }) 以触发事件
  1. 添加自动获取文件md5功能: 触发上传时生成并保存至file.md5 注: 文件md5取 chunk_head/chunk_middle/chunk_tail 生成
  2. 添加文件秒传功能 (任意方式)
  3. 添加断点续传功能 (chunk方式)
  4. 将上传按钮与上传组件分离,可简单实现多个按钮选择文件到同一个uploader上.
  5. 为 remove / clear / update 添加参数 triggerEvt,可控制是否触发事件(外部调用其实不需要触发事件,影响性能)
  6. 添加几个事件 @all-in/@all-done/@file-success/@file-error,分别代表(选择完毕/本次上传完成成功或者失败/单个文件上传成功/单个文件上传失败)

其余均与原组件 v2.8.15 无差别

原作者仓库

https://lian-yue.github.io/vue-upload-component/

Installation

npm install vue-upload-component --save

Documentation

https://lian-yue.github.io/vue-upload-component/#/documents

Vue.js 文件上传组建 组件只是一个按钮

  • 上传多文件
  • 上传目录
  • 拖拽
  • 拖拽目录
  • 多线程
  • html4(IE 9)
  • PUT 方法
  • 自定义过滤器
  • 缩略图

演示

https://lian-yue.github.io/vue-upload-component/#/zh-cn/

安装

npm install vue-upload-component --save

文档

https://lian-yue.github.io/vue-upload-component/#/zh-cn/documents

Special thanks (特别感谢)

原作者: