ajaxでファイルアップロードと、DBの列更新を同時に行う

Question

user
 -name
 -imagefile

このuserモデルの2カラムをajaxで同時に更新したいです。
imagefileはアップロードファイルを格納するので、
var formData = new FormData();してappendしています。

一方で、nameは{name: "名前"}
のobjectでpostしています

この2つを同時にデータ追加するにはどうすればよいでしょうか。
どちらか片方しか実現できずに困っております

$.ajax({
      url: '/api'
      method: 'post',
      dataType: 'json',
      data: formData,
      processData: false,
      contentType: false
    })

Comments

[退会済みユーザー]

クライアント側（jQuery ajax）をどう作るかと言うより、サーバー側で name と imagefile をどのように受け取ってどのように処置できるかと言う問題ではないのでしょうか？

Answer 1

Base64でファイルアップロードで解決しました。

Comments

[kei344]

もしかして質問内容をエディタで作ってコピー＆ペースしていませんか？teratail のバグで記述内容が表示されないというものが以前有ったので、ペースト後に何文字か記入してみてください。

Answer 2

こういうことですか？

var formData = new FormData();
formData.append( "name", "名前" ); // こっちも追加
// ファイルを追加

【FormData オブジェクトの利用 - ウェブデベロッパーガイド | MDN】
https://developer.mozilla.org/ja/docs/Web/Guide/Using_FormData_Objects