###前提・実現したいこと
任意のformのDOMをコンストラクタで指定してやりFormDataオブジェクトを生成したい。
###発生している問題・エラーメッセージ
以下のソースコードで変数formDataAに空のFormDataオブジェクトが代入されています。
理由はどのようなことが考えられるでしょうか?
どうも私が根本的に使い方を間違っているような気がします。お気づきの点あればご指摘のほどよろしくお願いします。
###該当のソースコード
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script> function upload_func(){ if(window.FormData){ console.log("true"); }else{ console.log("false"); } var formdataA = new FormData($('#my_form').get(0)); console.log(formdataA); formdataA.append('username', 'tanaka'); console.log(formdataA); } </script> <form id="my_form"> <input type="file" name="fileX"> <input type="text" name="character" value="aiueo"> <button type="button" onclick="upload_func()">アップロード</button> </form>
###コンソールの出力結果
true
FormData {}
FormData {}
###補足情報(言語/FW/ツール等のバージョンなど)
検証でためしたブラウザは以下2つです。
GoogleChrome 53.0.2785.143
FireFox 49.0.1
回答1件
あなたの回答
tips
プレビュー