は、私はこの問題でこだわっているノードサーバ

Question

にダーツクライアントからファイルをアップロード

これは標準<form><input type="file" name="toUpload/>

で動作taht Node.jsのコードです

router.post('/sp/file', function (req, res) { 
    // File to be uploaded 
    console.log("###" + req.files); 
    var fileToUpload = req.files.toUpload; 
    //console.log(fileToUpload); 
    var dir = __dirname + "/files"; 
/* var dir = __dirname + "/files/" + Date.now(); 
    if (!fs.existsSync(dir)) { 
    fs.mkdirSync(dir); 
    }*/ 

    fileToUpload.mv(__dirname + "/files/" + fileToUpload.name, function (err) { 
    if (err) { 
     console.log("error: " + err); 
    } else 
     console.log("upload succeeded"); 
    console.log(fileToUpload); 
    console.log(__dirname + "/files/" + fileToUpload.name); 
    uploadFilesStorj.uploadFile(__dirname + "/files/" + fileToUpload.name); 
    }); 

}); 

私はダーツを通じてファイルをアップロードしようとすると、送信されたデータは同じフォーマットではありませんので、今、私は立ち往生：

class AppComponent { 
void uploadFiles(dynamic files) { 
    if (files.length == 1) { 
     final file = files[0]; 
     final reader = new FileReader(); 
     //reader.onProgress.listen() 
     reader.onLoad.listen((e) { 
      sendData(reader.result); 
     }); 
     reader.readAsDataUrl(file); 
    } 
} 

sendData(dynamic data) async { 
    final req = new HttpRequest(); 
    req.onReadyStateChange.listen((Event e) { 
     if (req.readyState == HttpRequest.DONE && 
       (req.status == 200 || req.status == 0)) {} 
    }); 
    req.onProgress.listen((ProgressEvent prog) { 
     if (prog.lengthComputable) 
      print("advancement : " + (prog.total/prog.loaded).toString()); 
     else 
      print("unable to compute advancement"); 
    }); 
    req.open("POST", "/sp/file"); 
    req.send(data); 
} 

}

ここに私のダーツの角度フロントコードが

<input type="file" #upload (change)="uploadFiles(upload.files)" 
        (dragenter)="upload.style.setProperty('border', '3px solid green')" 
        (drop)="upload.style.setProperty('border', '2px dotted gray')" class="uploadDropZone" name="toUpload"/> 

だこの方法で送信されるデータの形式である： 要求ペイロード：

データ：text/htmlで、base64で、PGh0bWw + DQogICA8aGVhZD4NCiAgICAgIDx0aXRsZT5GaWxlIFVwbG9hZGluZyBGb3JtPC9

私は成功することなくそれに多くの時間を過ごしました。誰でも助けてください。

Answer 1

ファイルの内容は、Dartバリアントの要求本文に直接書き込んでいます。しかし、HTMLフォームは、マルチパート形式のエンコーディングでリクエストを送信し、そこでファイルを埋め込みます。それはあなたのサーバーが期待するものでもあります。

Answer 2

私は最終的にマルチパートフォームとしてそれを投稿する方法を発見した：

void uploadFiles() { 
    var formData = new FormData(querySelector("#fileForm")); 
    HttpRequest.request("/sp/file", method: "POST", sendData: formData).then((req) { 
     print("OK"); 
    }); 
} 

は私がNode.jsの アプリで直接データをロードしようと

<form id="fileForm"> 
    <input type="file" #upload (change)="uploadFiles(upload.files)" 
      (dragenter)="upload.style.setProperty('border', '3px solid green')" 
      (drop)="upload.style.setProperty('border', '2px dotted gray')" class="uploadDropZone" name="toUpload"/> 
</form>