Flutter WEB 다운로드 옵션

사용자 데이터에서 파일을 생성 해야하는 flutter 웹 앱을 만들고 있습니다. 출력 파일을 다운로드 할 수있는 옵션이 있습니다.

그러나 플러터 웹에서 작동하는 옵션 / 패키지를 찾을 수 없습니다 :(

누군가 제발 도와주세요?

좋은 해결 방법은 다음을 사용하여 호스팅 된 파일을 새 탭에서 여는 것입니다.

import 'dart:html' as html;

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

내 유스 케이스에 적합합니다.

다운로드 URL로 리디렉션하기위한 간단한 코드

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

다운로드를 트리거하는 한 가지 방법은 "네이티브"자바 스크립트에서 사용되는 공통 패턴을 조정하고 download속성이 있는 앵커 요소를 작성 하고 클릭을 트리거하는 것입니다.

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();
}

현상금에 대한 답변 :

오디오 파일의 경우 다운로드하는 대신 재생을 시작합니다.

비디오와 동일한 작업을 수행했지만 오디오에서도 작동합니다. 생성 된 오디오는 배열 또는 얼룩이라고 가정합니다.

    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);
    }

url_launcher_web과 함께 url_launcher 패키지를 사용할 수 있습니다

그럼 당신은 할 수 있습니다 :

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

편집 :이 작업을 수행하면 플러그인이 필요하지 않습니다

download.dart :

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;
}

empty_download.dart :

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

가져 오기 및 사용 :

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

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