Flutter Web 从 url 下载文件而不是打开它

Question

有没有办法让.pdf之类的文件直接下载到用户的设备上，而不是在浏览器中打开这个pdf文件？ 此代码适用于下载不支持浏览器的文件，但它会在浏览器中打开 pdf、mp3 等。

final anchor = AnchorElement(
    href: pickedFile)
  ..setAttribute("download", fileName)
    ..click();

Answer 1

如果有人仍在寻找解决方案。这就是我所做的。

如果有download属性，Anchor标签会直接下载文件。

注意：下载属性仅支持同源请求

因此，不要将外部 URL 链接分配给锚元素。从 PDF 数据创建 Blob 对象并从中创建对象 URL。

 var url = Url.createObjectUrlFromBlob(Blob([data]));
      AnchorElement(href: url)
        ..setAttribute('download', '<downloaded_file_name.pdf>')
        ..click();

我使用 Firebase 来存储文件，所以这里是完整的代码。

FirebaseStorage.instance.ref(resumeFileName).getData().then(
    (data) {
      var url = Url.createObjectUrlFromBlob(Blob([data]));
      AnchorElement(href: url)
        ..setAttribute('download', '<downloaded_file_name.pdf>')
        ..click();
    }
  );

Answer 2

使用Dio库。

dependencies:
  dio: ^3.0.10

下载文件

response = await dio.download("https://www.google.com/", "./xx.html");

这个video 会帮助你。