shady-xia / vue-uploader-solutions Goto Github PK
View Code? Open in Web Editor NEWVue上传解决方案
Home Page: https://shady-xia.github.io/vue-uploader-solutions
License: Other
Vue上传解决方案
Home Page: https://shady-xia.github.io/vue-uploader-solutions
License: Other
您好,请问一下,插件里有预览文件的功能吗?
:options="options"
:file-status-text="statusText"
:auto-start="false"
class="uploader-example"
ref="uploader"
@file-added="onFileAdded"
@file-success="onFileSuccess"
@file-error="onFileError"
@file-removed="fileRemoved"
有个场景就是网络不稳定,传个比较大的文件好几个G那种,网络突然中断,想问如何能够支持续传?前端看着resume是不显示已经,请问有啥办法
改了fileStatusText发现没用
目前看了下,大概有这些问题:
暂停后无法继续?
断点续传似乎并没有实现(node后端未完善?)
上传成功后并没有合并请求?
上传过程中如果出现断网情况,在上传报错的情况后连接上网络再点击《retry》会出现文件上传完成,实际上文件还在上传。。。不知道作者的项目里有没有这种情况
版本信息:
"vue": "^2.5.17",
"vue-simple-uploader": "^0.7.6",
// 每个文件传输给后端之后,返回的信息
onFileSuccess(rootFile, file, response, chunk) {
let res = JSON.parse(response)
if (res.code == 10000) {
// 服务端自定义的错误(即http状态码为200,但是是错误的情况),这种错误是Uploader无法拦截的
this.error(res.message)
// 文件状态设为“失败”
// this.statusSet(file.id, 'failed')
file.completed = false
file.error = true
file.waiting = false
file.chunks = []
file.testChunks = false
}
this.fileList = this.$refs['uploader'].fileList
},
vue3 安装不了
如何在请求body添加参数?
状态码200,可返回自定义错误该如何在processReponse 中处理让文件中断上传?直接丢new Error()?
{
"code": "99999",
"errorMsg": "System Exception"
}
请问可以直接传递参数进行文件格式和个数的限制吗?
项目中如何修改上传状态值 例如一开始是暂停了文件上传是校验MD5而不是暂停
我这边需要给文件分片上传时,每一片上传时的post请求增加一个参数,没发现添加参数的地方,请问您知道吗??谢谢,期待您的回复
请问如何实现:多文件并发上传?
现在只能并发上传多个分片,但是多个文件并发上传如何实现呢?
例如element-ui 的upload组件,这个非常重要,基于oss的上传过程需要这个
你的代码中没有写到什么获取文件md5字符串,什么时候通知后台合并文件,是怎么做到分块上传的。在后台接口做的处理么
你好,首先,这个写的很好,有没有一个完整的demo可以参考一下,觉得这样描写有点乱,请教一下,这个多文件上传是怎么分片上传的?谢谢!
因为百度网盘限速太厉害,所以准备自己做一个文件上传下载的可以存一些文件,以前没有接触过VUE所以很多东西不是很明白,作者提供的这三个文件我丢到了我创建的新的VUE项目里面,可以是提示APi那个文件引用错误,但似乎下面也用到了这个引用,然后我也没找到APi的相关文件,后来看到是作者没有公开,不知道作者是否可以公开一下你封装的的那个APi和那个UI的,看到你发的文章上面可以清晰的显示上传进度,但是demo里面只有一个按钮
文件不同,路径也不同,生成MD5值是相同的,截图https://www.123pan.com/s/2gjDVv-XOovd
下载了这项目,
yarn install报错
看着都和node-saas node-gyp有关,请问这个必须python2?
在分片上传时,网络错误是能够通过.fileError(rootFile, file, message, chunk)
捕捉从而终止。
也有看到针对整个文件的 success 函数 .fileSuccess(rootFile, file, message, chunk)
。
但是好像找不到单个分片上传完成的回调函数。
也就是说分片接口正常返回200,实际上因为其他验证问题出错的时候无法拿到 res 终止上传。
求助~
您好:
首先非常感谢你的案例,对我的帮助很大。
在使用中我遇到了一下问题。在文件计算MD5中,再次选择该文件上传,会没有反应。只有在计算MD5结束后才能再次选择成功。猜测是因为计算MD5在不停得读取文件导致input 读取file失败。不知道您 是否遇到过?有解决思路吗?谢谢
请问后台这边有什么要求,如标题。
大哥,没有java代码 ??????
大佬,MD5校验完成之后自动上传文件,怎么找不到方法呢?我这边试了文档上面提供的方法。Undefined
如果上传的文件小于chunkSize,
例如参数情况:
chunkNumber: 1
chunkSize: 5242880
currentChunkSize: 28999
totalSize: 28999
identifier: 487f7b22f68312d2c1bbc93b1aea445b
filename: 文档.xlsx
relativePath: 文档.xlsx
totalChunks: 1
id: 1111
每次上传过程的最开始,vue-simple-uploader会发送一个get请求,来问服务器我哪些分片已经上传过了,
现在问题是get请求完成了,并不会执行Post上传文件的api了,如果大文件没有问题。
Hi, thanks for your work! But I am not familiar with how to run this project, can you help me?
@shady-xia [Vue warn]: Error in nextTick: "TypeError: _this3.$t is not a function"
vue.runtime.esm.js?2b0e:1888 TypeError: _this3.$t is not a function
怎么在GlobalUploader中调用fileRemoved这个方法
请教下 我在一个页面调用这个组件,如果在跳到其他页面,上传还在继续,但是上传了多少那个进度条没有了,怎么处理
大佬,代码下载下来了,怎么运行呢
目前初始阶段不用做分片上传,后续可能会做,但是想用这个组件的话,好像没有找到关闭分片上传的选项?请问怎么操作?
这个怎么解决? 那些值都提示出来了
Property or method "attrs" is not defined on the instance but referenced during render
Property or method "panelShow" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
最近收到禁用拖拽文件夹的需求,没有找到对应的api可以禁用;然后我发现,这边默认上传文件夹也是上传的文件夹内部的文件,那么我现在的做法是判断path;如果path内有‘/',我会视为文件夹,然后忽略内部的file;在fileAdded的时候
if (file.relativePath.indexOf('/') != '-1') {
// 存在'/'说明是文件夹
file.ignored = true;
} else {
}
那么我在想,可能是因为我对这个不熟悉,不知道作者大大有没有比较优雅的解决方式
如果用element-admin,怎么携带token?
用element-admin,它所有请求都会被request.js拦截,并添加上token,这个发送请求不是用request,怎么带token呢?
有相应的视频吗?分享下
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.