需求:

  上传图片、视频、音频文件到华为云obs(由后端创建桶),前端只需上传即可

环境:

1.下载OBS BrowserJS SDK开发包 点击跳转,引入esdk-obs-browserjs-without-polyfill-3.19.5.min.js文件

2.引入axios

3.上传

// 发起PUT请求
    putSend(url, formData) {
      // put请求
      // 传入一个参数对象即可得到基于该参数对象的文本内容
      var reopt = {
        method: "put",
        url: url,
        withCredentials: false,
        headers:
          {
            "Content-Type": "text/plain",
          } || {},
        validateStatus: function (status) {
          return status >= 200;
        },
        maxRedirects: 0,
        responseType: "text",
        data: formData,
      };
      axios
        .request(reopt)
        .then((response) => {
          if (response.status < 300) {
            console.log("succeed");
          } else {
            console.log("failed!");
          }
          // console.log(response);
        })
        .catch(function (err) {
          console.log(err);
        });
    },

 

 

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐