Wie zum hochladen einer Datei im Dart?

Ich versuche zu finden, die alle Beispiele für das hochladen einer Datei mit einem Dart-Skript.

Verstehe ich den Teil über das Lesen auf client-Seite nach Auswahl in ein file-input-Feld, aber wie kann ich es auf den server, und speichern Sie es als Datei?

  • Wir ziemlich viel, müssen Sie einen parser für multipart-Kodierung. Ich kann schreiben, ein an diesem Wochenende, vielleicht sogar heute, wenn ich nach Hause komme.
InformationsquelleAutor samer.ali | 2012-11-08
  1. 12

    Bis eine multipart-Kodierung-parser verfügbar ist, können Sie Datei-API auf dem client zu Lesen und upload-Datei-Inhalt als dataUrl. Diese API hat sehr gute Unterstützung in Browsern ( siehe http://caniuse.com/filereader ).

    Auf der client-Seite :

    import 'dart:html';

main() {
  InputElement uploadInput = query('#upload');
  uploadInput.onChange.listen((e) {
    //read file content as dataURL
    final files = uploadInput.files;
    if (files.length == 1) {
      final file = files[0];
      final reader = new FileReader();
      reader.onLoad.listen((e) {
        sendDatas(reader.result);
      });
      reader.readAsDataUrl(file);
    }
  });
}

///send data to server
sendDatas(dynamic data) {
  final req = new HttpRequest();
  req.onReadyStateChange.listen((Event e) {
    if (req.readyState == HttpRequest.DONE &&
        (req.status == 200 || req.status == 0)) {
      window.alert("upload complete");
    }
  });
  req.open("POST", "http://127.0.0.1:8080/upload");
  req.send(data);
}

    - Und auf der server-Seite :

    import 'dart:io';

main() {
  final server = new HttpServer();
  server.listen('127.0.0.1', 8080);
  server.addRequestHandler((request) => request.path == '/upload' 
      && request.method.toLowerCase() == 'post'
      , (HttpRequest request, HttpResponse response) {
    _readBody(request, (body) {

      //handle your dataURL
      //example with image : data:image/jpeg;base64,/9j/4S2YRXhpZgAATU0AK... 

      //return result
      response.statusCode = HttpStatus.CREATED;
      response.contentLength = 0;
      response.outputStream.close();
    });
  });
}

///Read body of [request] and call [handleBody] when complete.
_readBody(HttpRequest request, void handleBody(String body)) {
  String bodyString = ""; //request body byte data
  final completer = new Completer();
  final sis = new StringInputStream(request.inputStream, Encoding.UTF_8);
  sis.onData = (){
    bodyString = bodyString.concat(sis.read());
  };
  sis.onClosed = () {
    completer.complete("");
  };
  sis.onError = (Exception e) {
    print('exeption occured : ${e.toString()}');
  };
  //process the request and send a response
  completer.future.then((_){
    handleBody(bodyString);
  });
}

    Referenzen :

    • Dank Alexandre, jedoch wissen Sie, wie Sie decodieren des base64-string und speichern Sie die Datei im Dart? gesucht php base64_decode alternative
    • Schreiben einer Datei in dart können Sie einen Blick auf dartlang.org/articles/io . Base64 war nur für das Beispiel. Aber leider, base64ToBytes ist nicht verfügbar in dart für den moment ( dartbug.com/2458 ) Zu umgehen könnte man vielleicht verwenden reader.readAsText(file) oder reader.readAsBinaryString(file) statt reader.readAsDataURL(file).
    • Vielen Dank für deine Hilfe, Alexandre, entwickelte ich meine eigenen decoder auf der server-Seite für die datauri und base64, es funktioniert und es ist toll, ich werde versuchen, teilen Sie es irgendwann.
    • Ist das noch der Weg zu gehen? Kopiert und eingefügt, der code sieht aber die Klassen nicht importiert werden
    InformationsquelleAutor Alexandre Ardhuin
Schreibe einen Kommentar