这个问题已经有了答案:
Change name of download in javascript
3个答案
我将文件存储在云中,因此在上传过程中,它们会得到前缀,使其名称唯一。例如,如果我上载一个名为test.txt的文件,则在上载过程中将其保存为7ea205f01ae5_test.txt。需要注意的是,我会捕获并保存原始文件名。
在我的react组件中,我试图通过使用download属性使其用户友好,这样当用户单击以下载文件时,它将作为test.txt下载,但它不起作用。该文件仍作为7ea205f01ae5_test.txt下载。
这就是我的反应代码

<a href={fileUrl} download={origName}>{fileName}</a>

组件的对象如下所示:
{
  id: 123,
  fileName: "7ea205f01ae5_test.txt",
  origName: "test.txt",
  fileUrl: "https://myBlobStorageUrl.com/container/7ea205f01ae5_test.txt?signature=123abcxyz"
}

请注意,fileurl包含允许用户访问文件的安全访问签名。没有它,用户将无法访问该文件。
我需要做什么才能将文件下载为test.txt

最佳答案

正如droidnoob提到的,这并不是特别的反应。
任何跨源链接都将使用服务器给定的文件名和扩展名进行下载,但是download属性将适用于相同的源。

// Domain: example.org

// Downloads as 281c2df7dbce9284dca6059db944f8df.png
<a download="foo.txt" target="_blank" href="https://www.gravatar.com/avatar/281c2df7dbce9284dca6059db944f8df?s=48&d=identicon&r=PG">download</a>

// Downloads as foo.txt
<a download="foo.txt" target="_blank" href="http://example.org/assets/avatar.png">download</a>

根据您的后端,您可以设置一个路由,该路由通常将原始名称映射到实际的文件名。因此前端链接到后端映射器,然后它依次获取文件。

07-28 01:29
查看更多