OSS上传方式

最新推荐文章于 2023-04-30 00:19:26 发布

我是新的

最新推荐文章于 2023-04-30 00:19:26 发布

阅读量270

点赞数

文章标签：阿里云 js

本文链接：https://blog.csdn.net/qq_40664757/article/details/123155312

版权

这段代码展示了如何利用Axios将文件上传到OSS（Object Storage Service）。首先通过fileupload接口获取验证信息，然后创建FormData对象并填充必要参数，如key、access_key_id、policy、sign等。最后通过POST请求将文件发送到上传接口，成功后更新业务执照路径。

摘要由CSDN通过智能技术生成

废话不多说，直接上代码

		let res = await fileupload();//请求oss验证信息接口请求方法
        const { code, data } = res;
        if (code == 200) {
            var ossData = new FormData();
            let keyValue = new Date().getTime()+file.name;
            ossData.append("key", keyValue)
            ossData.append("OSSAccessKeyId", data.access_key_id)
            ossData.append("policy", data.policy)
            ossData.append("signature", data.sign)
            ossData.append("success_action_status", 201)
            ossData.append("file", file.raw, file.name)
            axios.post(data.url, ossData, { //data.url就是正式上传文件接口
              headers: {
                "Content-Type": "multipart/form-data"
              }
            })
            .then(res => {
              if (res.status == 201) {  //上传成功 上传的路径就是要使用的路径
               let url = data.url + "/" + keyValue;
               this.loginForm.businessLicense = url;
              }
            })
            .catch(error => {
              
            })
            .finally(()=>{

            })
        }