JS - 阿里云 OSS 文件下载通用办法（支持跨域）

// 创建 OSS 客户端对象
createOssClientTemp () {return new Promise((resolve) => {let client = new OSS({accessKeyId: 'xxx',accessKeySecret: 'xxx',bucket: 'xxx'})resolve(client)})
},// OSS 文件下载
ossDownloadFile (objectKey) {this.createOssClientTemp().then( client => {let url = client.signatureUrl(objectKey, {response: {'content-disposition': 'attachment; filename="' + name + '.' + type + '"'},expires: 3600})console.log(url)window.location.href = url})
}

Ps：一般 OSS 下载都会遇到跨域文件下载问题，当然有时候如果电脑有安装下载检测浏览器时，可以避免，但是为了考虑周全，还是要想一个通用的办法。

注意事项

content-disposition: attachment;：解决了跨域请求的问题，前提在 OSS 配置好跨域。
filename="' + name + '.' + type + '"：下载时，重命名，name（名字），type（后缀）。

JS - 阿里云 OSS 文件下载通用办法（支持跨域）相关推荐

阿里云OSS上传下载跨域问题
OSS文件传输使用OSS进行上传/下载操作时,时常会遇到跨域问题. 其表现为,直接通过浏览器,可以直接访问已经存储在OSS中得文件地址并下载,但是通过代码却会报跨域问题. 解决办法:登录阿里云OSS ...
【微信小程序】上传文件到阿里云OSS
小程序上传文件到OSS也是利用OSS提供的PostObject接口来实现表单文件上传到OSS 步骤1:配置Bucket跨域访问客户端进行表单直传到OSS时,会从浏览器向OSS发送带有Origin的请 ...
6、阿里云OSS对象存储手把手学习及企业使用方案
文章目录 1.什么是分布式文件系统 2.图片存储解决方案 3.阿里云OSS对象存储 3.1.开通oss访问 3.2.购买服务 3.3.基本概念 3.4.创建一个bucket 3.5.创建AccessK ...
docker脚本安装阿里云_让运行在 Docker 中的 Ghost 支持阿里云 OSS
本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载.或重新修改使用,但需要注明来源. 署名 4.0 国际 (CC BY 4.0) 本文作者: 苏洋创建时间: 2020年03月1 ...
前端资源文件（图片 css js）同步到阿里云OSS
前端资源文件(图片 css js)同步到阿里云OSS 需求: 为了实现自动化更新前端资源,前端资源已放到了阿里云OSS,实现自动上传. 思路: 1.因为使用的是php语言开发项目,自然会想到用php实 ...
利用阿里云OSS开发一个私人网盘/外链系统，php+js实现
什么是阿里云OSS? 简单地理解,阿里云OSS(以下简称OSS)就是一个储存空间比较大的硬盘. 一般储存空间在40GB-400TB范围内根据自己的需要去购买,而且便宜! 在阿里云官网可以购买. 我自 ...
开源备份工具duplicity支持阿里云OSS后端存储
duplicity简介 duplicity是一款开源的备份工具,使用librsync高效地支持增量备份,节约本地存储空间,同时使用GnuPG加密数据.duplicity能将数据轻松的备份到本地或远端文 ...
使用阿里云的oss对图片加水印并且字体大小自适应（阿里云oss暂不支持字体大小自适应）
使用阿里云的oss对图片加水印并且字体大小自适应(阿里云oss暂不支持字体大小自适应) 背景: 首先阿里云oss云对象存储是不能做到字体大小自适应的,因为在开发中我们的图片上传的尺寸是做不到固定大小宽 ...
阿里云OSS服务端签名前端JS直传（php）示例
阿里云OSS服务端签名后前端JS直传(php)示例需求:服务端上传图片太慢,需要使用前端直传的方式.但前端把阿里云的 AccessKey ID 和 AccessKey Secret 放在前端文件中会 ...

JS - 阿里云 OSS 文件下载通用办法（支持跨域）

注意事项

JS - 阿里云 OSS 文件下载通用办法（支持跨域）相关推荐

最新文章

热门文章