reactjs 如何axios.post使用webapi Core在React中使用www.example.com下载文件

mbzjlibv  于 2022-11-29  发布在  React
关注(0)|答案(1)|浏览(75)

我已经使用这个How to download files using axios.post from webapi(它可能是这个的复制品)来处理这个场景,但是我没有获得成功。

React: 
   axios.post("URL",{data:data, responseType: "blob"})

1.作为回应,我得到的是损坏的数据,而不是字节。

  1. ResponseType可以使用get请求,但为什么不能使用post?
    WebAPI Core: return File(arraybytes, "application/vnd.openxmlformats- officedocument.spreadsheetml.sheet", "test.xlsx");
hk8txs48

hk8txs481#

下面是我如何下载托管在S3AWS bucket上的视频,

const handleDownload = () => {
    const link = document.createElement("a");
    link.target = "_blank";
    link.download = "YOUR_FILE_NAME"
    axios
      .get(url, {
        responseType: "blob",
      })
      .then((res) => {
        link.href = URL.createObjectURL(
          new Blob([res.data], { type: "video/mp4" })
        );
        link.click();
      });
  };

我使用onClick在按钮中触发handleDownload函数。
函数中的url具有来自S3存储桶的视频URL

相关问题