crazy6995 / lanuploader Goto Github PK

Vue.js file upload component, 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. fork from lianyue's vue-upload-component https://github.com/lian-yue/vue-upload-component

License: Apache License 2.0

JavaScript 34.18% HTML 2.43% Vue 63.38%

lanuploader's Introduction

lan-uploader

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

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

Pre

此组件是使用 vue-upload-component 根据项目需要修改而来，依然采用Apache 2.0协议。如有侵权请告知删除 [email protected]

添加了总体进度 upload.progress (通过每个文件的progress计算而来)
修改了input-file与input-filter两个事件，添加一个参数evt 用以简单识别事件类型 2018-11-26:添加错误报告
添加上传成功事件：single-success 单文件上传完毕、 all-success 所有文件上传完毕
自定义实现了ChunkUploadHandler

将startBody/uploadBody/finishBody的获取方式修改为从文件获取(独立)，原方式: 从chunkOptions中获取(统一)
将updateFileProgress的实现从 this.file.progress = this.progress 修改为 this.uploader.update(this.file, { progress: this.progress }) 以触发事件

添加自动获取文件md5功能: 触发上传时生成并保存至file.md5 注: 文件md5取 chunk_head/chunk_middle/chunk_tail 生成
添加文件秒传功能 (任意方式)
添加断点续传功能 (chunk方式)
将上传按钮与上传组件分离,可简单实现多个按钮选择文件到同一个uploader上.
为 remove / clear / update 添加参数 triggerEvt,可控制是否触发事件(外部调用其实不需要触发事件,影响性能)
添加几个事件 @all-in/@all-done/@file-success/@file-error,分别代表(选择完毕/本次上传完成[成功或者失败]/单个文件上传成功/单个文件上传失败)

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