formDataは追加も送信もしません

Question

この質問は重複しているかもしれませんが、それぞれの方法について確認していますが、いずれも機能していないようです。

基本的に私の問題は、FormData（）です。 FormData（myform）を使用してインスタンスを作成するか、formend（formdata（）をappendと単独でスタンドアロンするかどうかは関係ありません）。ここで

は、私が上でこれをテストしています私のコードです：

HTML

<form id="form"> 
     <input type="hidden" name="id" id="id" value="1"> 
     <input type="text" name="title" id="title"> 
     <select name="category" id="category"> 
      <option value="1">1</option> 
     </select> 
     <textarea name="desc" id="desc"></textarea> 
     <input type="file" name="cover" id="cover"> 
     <div id="content"> 
      Hello World 
     </div> 
     <input type="submit" name="submit" value="Submit"> 
    </form> 
    <script src="js/jquery-2.2.1.js"></script> 
    <script src="js/now.js"></script> 

JAVASCRIPT（now.js）

$('#form').on('submit', function(e){ 
     e.preventDefault(); 
     var myform = e.target; 
     var inputfile = document.querySelector('#cover'); 

     var formData = new FormData(myform); 

     formData.append('file', inputfile.files[0]); 
     //formData.append('cover', $('input[type=file]')[0].files[0]); 
     var xhttp = new XMLHttpRequest(); 
     xhttp.open('POST', 'data.txt', true); 
     xhttp.send(formData); 
}); 

私はいくつかの助けみんなが大好きです。

PS。 Console.log（formData）は混乱し、後でそれを見ても何も見えません。また、ネットワークタイムラインは実行されますが、出力はありません。

おかげでみんな、

Answer 1

私は、角度と私は同じことをスニペットのいくつかの部分を入れて、下からそれをやって試してみました。

$scope.upload = function() { 
     var file = $scope.file; 
     var obj = new Object(); 
     var fd = new FormData(); 
     fd.append("paramOne","xyz"); 
     fd.append("paramTwo","xyz"); 
     fd.append("file", file);   
     var uploadUrl = "/someUrl"; 
     $http.post(uploadUrl, fd, { 
      transformRequest: angular.identity, 
      headers: { 
       'Content-Type': undefined 
      } 
     }).success(function (data) { 
       console.log("Call successful"); 
     }); 
    } 

これは、この問題を解決するためにいくつかの洞察を与えることを望みます。紛失したヘッダーや、transformationRequestの部分があると思います。

私はこの記事があなたに[OK]をUsing Multipart without Form in Spring MVC

Answer 2

を助けることができると思い、私はそれを解決：

私は私は私のファイルに、ここで入力したコードをコピーして貼り付けます。私は私にアポストロフィを持っていることが分かります。私は誤ってtype =fíleを持っていました。打ち間違え。また、何もdata.txtファイルに出力されません。基本レベルでajaxフォームを実行する方法を理解する必要がある場合は、これを参照として自由に使用してください。