如何在 React 中设置文件目标？答案

【问题标题】：How to set file destination in React?如何在 React 中设置文件目标？
【发布时间】：2022-02-14 03:30:58
【问题描述】：

我正在跟进这篇文章，从 GCP Cloud 存储桶中下载对象：https://cloud.google.com/storage/docs/downloading-objects#storage-download-object-nodejs 在代码中，我想设置需要动态保存文件的目的地。如何在 React 中设置文件目标？

【问题讨论】：

destFileName 在文档中只是一个变量。将此值设置为您想要的任何值。如果您不确定如何执行此操作，可否附上您尝试过的内容？
您可以像@kingkupps 所说的那样指示API 设置下载目的地。同时，您应该重新考虑您的设计，因为允许用户选择存储文件可能是一个缺陷。
是的，我不确定。据我了解，变量是指需要保存对象的文件路径。如何在反应中捕获文件路径？
@tmarwen 如何使用 React 设置下载目的地？
是您的代码在浏览器中运行并且没有“任意访问权限”来写入浏览器后面的本地文件系统的问题吗？如果是，那么您可能会想要使用 GCS API 来访问/流式传输 GCS 数据并写入浏览器选择的目标文件。

标签： javascript node.js reactjs google-cloud-platform react-typescript

【解决方案1】：

只需设置 desFileName：

const destFileName = '/local/path/to/file.txt';    
async function downloadFile() {
      const options = {
        destination: destFileName,
      };
    
      // Downloads the file
      await storage.bucket(bucketName).file(fileName).download(options);
    
      console.log(
        `gs://${bucketName}/${fileName} downloaded to ${destFileName}.`
      );
    }

【讨论】：

是的，我不确定。据我了解，变量是指需要保存对象的文件路径。如何在反应中捕获文件路径？