Tùy chọn tải xuống Flutter WEB

Tôi đang làm cho ứng dụng web rung nên tạo một tệp từ dữ liệu người dùng. Và có tùy chọn để tải tập tin đầu ra.

Nhưng tôi không thể tìm thấy bất kỳ tùy chọn / gói nào hoạt động cho web rung :(

Ai đó có thể vui lòng giúp tôi không?

Cách giải quyết tốt là mở tệp được lưu trữ trong tab mới bằng cách sử dụng

import 'dart:html' as html;

openInANewTab(url){
  html.window.open(url, 'PlaceholderName');
}

Phù hợp tốt cho trường hợp sử dụng của tôi.

Mã đơn giản để chuyển hướng để tải xuống URL

import 'dart:html' as html;
void downloadFile(String url){
   html.AnchorElement anchorElement =  new html.AnchorElement(href: url);
   anchorElement.download = url;
   anchorElement.click();
}

Một cách để kích hoạt tải xuống là điều chỉnh một mẫu phổ biến được sử dụng trong javascript "gốc", tạo một phần tử neo với downloadthuộc tính và kích hoạt một nhấp chuột.

import 'dart:convert';
import 'dart:html';

main() {
  File file = // generated somewhere
  final rawData = file.readAsBytesSync();
  final content = base64Encode(rawData);
  final anchor = AnchorElement(
      href: "data:application/octet-stream;charset=utf-16le;base64,$content")
    ..setAttribute("download", "file.txt")
    ..click();
}

Đáp ứng với tiền thưởng:

trường hợp của một tệp âm thanh, nó chỉ bắt đầu phát chứ không tải xuống

Tôi đã làm điều tương tự với video, nhưng tôi chắc chắn nó cũng sẽ hoạt động với âm thanh. Tôi giả sử, âm thanh được tạo của bạn là một mảng hoặc blob

    import 'dart:js' as JS;
    import 'dart:html' as HTML;

    const mimeType = 'audio/wav'; // TODO: Pick a right format

    void downloadFile(List chunks) async {
        final blob = HTML.Blob(chunks, mimeType);
        final objectUrl = await HTML.Url.createObjectUrlFromBlob(blob);
        final a = HTML.AnchorElement();
        a.href = item.url;
        a.download = "my_audio_file_${DateTime.now()}.wav";
        HTML.document.body.append(a);
        a.click();
        // Wait for click event to be processed and cleanup
        await Future.delayed(Duration(milliseconds: 100));
        a.remove();
        HTML.Url.revokeObjectUrl(item.videoObjectUrl);
    }

bạn có thể sử dụng gói url_launcher với url_launcher_web

sau đó bạn có thể làm:

launch("data:application/octet-stream;base64,${base64Encode(yourFileBytes)}")

EDIT: bạn không cần một plugin nếu bạn làm điều này

tải về

import 'dart:convert';
// ignore: avoid_web_libraries_in_flutter
import 'dart:html';

void download(
  List<int> bytes, {
  String downloadName,
}) {
  // Encode our file in base64
  final _base64 = base64Encode(bytes);
  // Create the link with the file
  final anchor =
      AnchorElement(href: 'data:application/octet-stream;base64,$_base64')
        ..target = 'blank';
  // add the name
  if (downloadName != null) {
    anchor.download = downloadName;
  }
  // trigger download
  document.body.append(anchor);
  anchor.click();
  anchor.remove();
  return;
}

blank_doad.dart:

void download(
  List<int> bytes, {
  String downloadName,
}) {
  print('I do nothing');
}

nhập khẩu và sử dụng:

import 'empty_download.dart'
if (dart.library.html) 'download.dart';

void main () {
  download('I am a test file'.codeUnits, // takes bytes
      downloadName: 'test.txt');
}