阿里云OSS 服务端签名后直传之分片上传(结合element-ui的upload组件)
分片上传(结合element-ui的upload组件实现自定义上传)
async uploadFree(content){ let data = await this.getOssToken(); //后台返回的OSS秘钥等等 let client = new OSS({ region: data.region, accessKeyId: data.AccessKeyId, accessKeySecret: data.AccessKeySecret, stsToken: data.SecurityToken, bucket: data.bucketName }); try { let result = await client.multipartUpload(content.file.name, content.file, { progress: async function (p) {//这是上传进度条 content.onProgress({percent: parseInt(p * 100)+'%', returnValue: true }); } }); return (content.file['response'] = [result].map(curr =>{//on-change回调的参数 return { code: curr.res.status, name: content.file.name, data: curr.res.requestUrls[0].split('?')[0] } })[0]); } catch (e) { console.log(e) if (e.code === 'ConnectionTimeoutError') { content.onError('视频上传超时') throw "视频上传超时!"; }else{ content.onError('视频上传失败') } } }
官方文档: 传送门
本文来自博客园,作者:_zhiqiu,转载请注明原文链接:https://www.cnblogs.com/guojikun/p/9685143.html
分类:
web前端
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战