axios上传视频进度条
2018-02-10 09:55
127 查看
var fd = new FormData()
fd.append('file', files[0])
let config = {
onUploadProgress: progressEvent => {
var complete = (progressEvent.loaded / progressEvent.total * 100 | 0)
console.log(complete)//进度值
this.jindu = complete
},
headers: {
'Content-Type': 'multipart/form-data'
}
}
axios.post(uploadUrl, fd,config).then( res => {
}).catch( res => {
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 带进度条上传多视频
- vue使用axios实现文件上传进度的实时更新详解
- js上传视频方法及监控进度
- Xutils实现视频上传显示带进度条
- 七牛云视频上传方法 上传进度 断点续传
- js上传视频方法及监控进度
- ajax 异步上传带进度条视频并提取缩略图
- 视频电商网站视频上传准备:vue+七牛JSSDK集成(2)上传视频时显示进度条
- 无广告的免费视频存储空间并提供视频上传转码的功能，很不错的哦
- PHP:显示文件上传进度及上传任意大小的文件
- Ajax的GET与POST和Ajax文件上传进度条
- Asp.Net 上传大文件专题(4)--利用ajax技术显示上传进度
- PHP使用APC获取上传文件进度
- html5上传文件并监听进度
- 重新学javaweb---文件上传监听--进度条
- html5用ajax方式实现文件上传并显示进度
- 视频文件上传
- 使用MultipartEntity上传文件（带进度对话框）
- swfupload2_2上传视频的实现
- jplogic v1.0 开发案例--知识库管理（视频资料上传、格式转化、视频截图、视频预览、视频信息索引检索）