文章目录
轮子的github链接:两个项目的文档要结合着看才可以
# vue-simple-uploader
https://github.com/simple-uploader/vue-uploader/blob/master/README_zh-CN.md
# simple-uploader
https://github.com/simple-uploader/Uploader/blob/develop/README_zh-CN.md#%E9%85%8D%E7%BD%AE
具体使用建议看博客的另外两篇文章【uploader】
然后如果想要参考博主对该组件的使用的探索过程以及使用情况,可以查看主页中的uploader的几篇文章,那是简单记录自己对该组件的探索。
1.vue-simple-uploader介绍
超级强大的上传文件的前端vue组件,相比elementui的upload组件,其能满足绝大多数的文件上传需求。包括断续重传等常见业务。而elementui的upload组件很多功能都不能实现。但是两者可以相互兼容着使用。
- 支持文件、多文件、文件夹上传
- 支持拖拽文件、文件夹上传
- 可暂停、继续上传
- 支持断点续传、秒传
- 支持进度、预估剩余时间、出错自动重试、重传等操作
- 上传队列管理,支持最大并发上传,支持分块上传
为了方便查看,这里copy一下quickstart代码,uploader只有这几个标签,但是会有很多属性和方法。
<template>
<uploader :options="options" class="uploader-example">
<uploader-unsupport></uploader-unsupport>
<uploader-drop>
<p>Drop files here to upload or</p>
<uploader-btn>select files</uploader-btn>
<uploader-btn :attrs="attrs">select images</uploader-btn>
<uploader-btn :directory="true">select folder</uploader-btn>
</uploader-drop>
<uploader-list></uploader-list>
</uploader>
</template>
<script>
export default {
data () {
return {
options:

一款功能强大的Vue文件上传组件,支持文件夹、断点续传等功能。本文详细介绍了组件的安装配置、各标签使用方法及请求参数。
最低0.47元/天 解锁文章
3584





