直传aws与aws的缩略图使用

最新推荐文章于 2024-02-26 11:11:22 发布

王娜娜的博客

最新推荐文章于 2024-02-26 11:11:22 发布

阅读量724

点赞数

文章标签： javascript vue.js typescript

本文链接：https://blog.youkuaiyun.com/summer_na/article/details/110000270

版权

自己公司的项目，记录一下

直传aws

在我们那个项目中使用的是根据后端接口返回的链接进行直传

export function uploadToThirdService (params) {

return requestUpload({

url: params.umerl,

method: 'put',

headers: {

'Content-Type': params.file.type//不加类型进入视频或图片的地址直接是下载，不能在网页中浏览

},

data: params.file // 文件类型， 不可为其他 如FormData

})

}

注意点：

如果method为options时请求失败，需要找运维或后端配置跨域请求

不可在header中乱加参数，不然会导致连接不到第三方，比如Authorization

aws的缩略图使用

我们项目中是直接在后端返回的图片地址加参数具体的获取缩略图的参数加在什么位置需要和后端沟通

如下地址

https://dev-test-image.pangdabank.com/300x20/member/2020-09-25/d44e68ec35c24f83afbf8dd390aeb5f5.png?Expires=253388125200&Signature=BJ8ewgIp7JOSq1RHiL9T~pxzAEeRmUAqg1Wp26yl~ZRPz9URrMp3aY1tVWDx4qGsxq95d-cZkjhA82DvvzGG2LbuOG6OnHzercDUbkEZvKUHaebpvVOjxX8c336UDpn2YhuDX8NPMlMtx6Tkdt6mvCc7~yfRddRluNedRZqeJEt1X996ynZPWD6AU3fLobKK4DFW3WAR4Xp-FTivHg8hTE2YMh0uJ6LegMPdnvJ63vms7XAOBW7b9NICx2IT3ZEYC~r38nXDpSRkRdZUzH2AtiwOnFjb3htiAo0ysxanEAfXY2j44c-fAtQyrsV92rEZ32BN06OoTaAT0Hd1zm9fzQ__&Key-Pair-Id=APKAJPJBJNKLFVBYU26Q