随笔 - 135  文章 - 0  评论 - 2  阅读 - 18万

后端获取TOKEN返oss上传地址,前端如何将字符串传给这个地址

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
您也可以使用 Axios 库来发送请求,以下是发送表单请求的示例代码:
 
const axios = require('axios');
 
function uploadStringToOSS(ossPostData, content) {
  const formData = new FormData();
  Object.keys(ossPostData.fields).forEach(key => {
    formData.append(key, ossPostData.fields[key]);
  });
  const blob = new Blob([content]);
  formData.append('file', blob, 'filename.txt');
  return axios.post(ossPostData.url, formData, {
    headers: {
      'Content-Type': 'multipart/form-data',
    },
  }).then((response) => {
    // 处理响应结果
  }).catch((error) => {
    console.log(error);
  });
}
ossPostData 参数为从后端获取到的签名信息,content 参数为上传的字符串内容。将内容转换成 Blob 对象后,添加到表单数据中,使用 Axios <br>的 post 方法发送 POST 请求即可上传。
 
需要注意的是,此处指定的 Content-Type 为 multipart/form-data,需要使用 FormData 对象将请求数据进行编码。<br>您也可以将 Content-Type 修改为 application/octet-stream,直接将内容作为请求主体发送,但需要在后端做相应的解析。

  

posted on   稳住别慌  阅读(106)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示