首页 > 其他分享 >后端获取TOKEN返oss上传地址,前端如何将字符串传给这个地址

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

时间:2023-06-07 19:11:39浏览次数:44  
标签:content Type formData TOKEN Content 地址 ossPostData 上传 oss

您也可以使用 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 
的 post 方法发送 POST 请求即可上传。 需要注意的是,此处指定的 Content-Type 为 multipart/form-data,需要使用 FormData 对象将请求数据进行编码。
您也可以将 Content-Type 修改为 application/octet-stream,直接将内容作为请求主体发送,但需要在后端做相应的解析。

  

标签:content,Type,formData,TOKEN,Content,地址,ossPostData,上传,oss
From: https://www.cnblogs.com/hwy6/p/17464310.html

相关文章

  • SQL Server 补丁理解及安装 内附完整版下载地址及sp1/2/3补丁
    启动安装程序下载sqlserver2014,双击startup.exe进行安装 系统配置检查器 使用系统配置检查器,看系统是否符合安装sqlserver2014的所有要求 开始安装然后点击安装,全新sqlserver独立安装或向现有安装添加功能 安装规则然后就是使用默认的设置,点开详细信息,可以看到安......
  • 将stm32 flash和栈相结合,将栈底位置设置成flash地址,可不可以?
      在使用stm32产生了一个疑问,可不可以将栈底位置设置成flash的某个具体位置,这样就可以将参数写入读取,于是便探寻可行性。 在STM32中,Flash存储器用于存放程序代码,而栈通常用于存放临时数据和变量。根据STM32架构设计,Flash和SRAM两者之间是相互独立的,Flash的写入和读取速度相......
  • Yolov5训练时出现loss出现nan值或者测试时P\R\map全部为0值的解决办法
    问题:train训练得出的P\R\map全部为0上网寻找寻找答案,大部分给出的原因解释如下:①文件夹格式(名称和架构)有问题,这属于基本内容,不应该出错的。②pytorch和cuda版本不对应。关于这部分可以参考链接:https://blog.csdn.net/jhsignal/article/details/111401628 和 https://www......
  • Invalid character found in method name. HTTP method names must be tokens
    Gayhub上下载了一个别人的项目跑着玩,启动成功了,但是请求controller的时候,出现了这种错误:2018-08-2517:57:26,673-ErrorparsingHTTPrequestheaderNote:furtheroccurrencesofHTTPheaderparsingerrorswillbeloggedatDEBUGlevel.java.lang.IllegalArgumentEx......
  • 代码随想录算法训练营第二十八天|93. 复原 IP 地址
    【参考链接】93.复原IP地址【注意】1.切割问题就可以使用回溯搜索法把所有可能性搜出来。2.startIndex一定是需要的,因为不能重复分割,记录下一层递归分割的起始位置。3.本题我们还需要一个变量pointNum,记录添加逗点的数量。4.分割的段数作为终止条件。pointNum表示逗点数......
  • 无刷新更改地址栏
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge">  <metaname="viewport"content="width=......
  • 如何无刷新更改地址栏
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge">  <metaname="viewport"content="width=......
  • [重读经典论文] RetinaNet——Focal Loss for Dense Object Detection
    1.前言这篇论文也是何凯明的团队在2017年的论文《FocalLossforDenseObjectDetection》中提出的,网络架构魔改了FPN,因此这篇论文的重点是提出了新的分类Loss——FocalLoss,用一个合适的函数,去度量难分类和易分类样本对总的损失函数的贡献。解决了传统交叉熵损失函数因为类别......
  • 前后端分离架构下使用 Sa-Token 完成登录认证
    一、架构分析目前绝大多数系统都已经采用“前后端分离”架构来设计了,传统的Session模式鉴权也不再适合这种架构(或者需要额外写很多的代码来专门适配)。Sa-Token是一个java轻量级权限认证框架,专为前后端分离架构打造,主要解决登录认证、权限认证、单点登录、OAuth2、微服务网......
  • 【解决方法】loopback口添加同目的网段的地址后,无法用默认路由ping通该网段地址
    环境:工具:锐捷EVE,VMwareWorkstationPro远程工具:SecureCRT系统版本:Windows10问题描述:描述:原本可用默认路由ping该地址,但是在lookback口添加同该地址网段地址后,就无法ping通。提示:若按照教程还是无法完成操作,可以进入右侧的企鹅,找我看看。解决方法-视频与文字教程......