资讯专栏INFORMATION COLUMN

vue 阿里云oss下载文件,自定义命名

王陆宽 / 1005人阅读

摘要:因为上传的文件都是放在阿里云服务器,下载的时候,也是选择从服务器下载,主要思路是把后台返回的预览地址,变成可下载的地址是使用阿里云上传的时候,传的通过后台返回的地址,可以截取到这个是获取上传下载通行证的主体获取到的就是可下载地址啦,可

因为上传的文件都是放在阿里云oss服务器,下载的时候,也是选择从服务器下载,
主要思路是把后台返回的预览地址,变成可下载的地址

key是使用阿里云上传的时候,传的object-key,通过后台返回的地址,可以截取到这个object-key
client是获取上传下载通行证的主体

var url = this.client.signatureUrl(key, {
    response: {
     "content-disposition": "attachment; filename="" + name + "." + type + """
         }
     })
     
获取到的url就是可下载地址啦,可以写在a标签里面,加上download属性就可以下载了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95988.html

相关文章

  • ZPan建网盘存储-基于各大存储商的网盘系统zpan安装使用教程

    想自建网盘但是又苦于数据太大,购买大存储容量的VPS主机价格太贵?不妨试试ZPan自建网盘存储。ZPan致力于打造一款不限速的网盘系统,因此采用客户端直连云存储的方式进行设计,即它不支持本地存储,你的所有数据都是存在第三方存储商那里。目前ZPan支持所有兼容S3协议的云存储平台,包括阿里云OSS 、腾讯云COS 、七牛云Kodo 、Ucloud US3(暂不支持自动设置CORS) 、华为云OBS ...

    番茄西红柿 评论0 收藏2637
  • ApiBoot - ApiBoot Alibaba Oss 使用文档

    摘要:添加快速集成的对象存储服务,提供常用的文件操作方法,当然也提供自定义扩展,以致于满足绝大数业务场景,并且通过扩展可以实现上传文件进度条下载文件进度条存储空间操作静态网站托管访问日志防盗链分片上传追加上传断点续传等等。 ApiBoot是一款基于SpringBoot1.x,2.x的接口服务集成基础框架, 内部提供了框架的封装集成、使用扩展、自动化完成配置,让接口开发者可以选...

    fengxiuping 评论0 收藏0
  • ACE认证考试—阿里产品概念深化学习

    摘要:第一课阿里云相关概念深化学习云服务器,简称是一种简单高效处理能力可弹性伸缩的计算服务,帮助您快速构建更稳定安全的应用,提升运维效率,降低成本,使您更专注于核心业务创新。第一课:阿里云相关概念深化学习 ECS 云服务器(Elastic Compute Service,简称 ECS)是一种简单高效、处理能力可弹性伸缩的计算服务,帮助您快速构建更稳定、安全的应用,提升运维效率,降低 IT 成本,使...

    zhichangterry 评论0 收藏0
  • vue前端上传文件阿里oss的两种方式,put文件流上传,multipartUpload直接上传

    摘要:引入阿里云的上传图片文件调用后台接口获取阿里云上传下载通行证初始化权限去掉对的校验选择文件传到上的名字调用上传方法上传文件进度调用后台添加文件的接口上传成功上传失败弹出上传失败的消息如果传到阿里云的图片要展示出来要在的图片路径后面 引入阿里云oss的js 上传图片/文件 mounted () { this.initConfig() // 调用后台接口获取阿里云上传下载通行证 } ...

    K_B_Z 评论0 收藏0
  • Vue.js上传图片到阿里OSS存储

    摘要:方法在选择的文件改变后触发,其中包含已选择文件的所有文件信息。 如何在VueJS使用阿里云存储上传图片?什么是OSS呢? 其实按照官网的解释就是->>阿里云对象存储服务(Object Storage Service) 在实际开发中,公司可能会用到OSS随时来存储一些数据,比如像文本、图片、音频和视频等在内的各种非结构化数据文件,恰好,在做项目的时候,刚好用到了OSS存储,对于我这个萌新...

    Harriet666 评论0 收藏0

发表评论

0条评论

王陆宽

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<