jqueryを使用した画像のアップロードの仕方について


お世話になります。今回、jqueryのajaxの機能を利用して、画像のアップロードをしたいと思い質問をいたします。

jqueryのajaxを使用して、画像ファイル(jpeg)のアップロードをしたいと思っております。
アップロードをする際に、画像ファイルと一緒に同じform内のhiddenの値も一緒に送信したいと思っているのですが、そのコードの記述方法が分かりません。

http://music.geocities.jp/kinokolovers1/

上記URLの様なサンプルを作りまして、複数のフォームから画像ファイルとそのフォーム内のhiddenの値(上記URLでは「kakaku」と「hatsubaibi」)をjqueryのajaxで
送信したく思っております。
今回はソース内のスクリプトをどうすれば画像ファイルとhiddenの値を一緒に送信できるかお聞きしたく、送信先のphpプログラムは割愛させていただきたく思います。

どうぞよろしくお願い致します。

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2016/07/13 18:10:03
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:degucho No.1

回答回数281ベストアンサー獲得回数75

ポイント150pt

自分の場合は下記リンクのやりかたでいけました。
http://chaika.hatenablog.com/entry/2014/04/12/001012

id:nagato-yuki

回答ありがとうございます。
また参考になるなるURLのご提示に感謝いたします。

また機会がございましたらよろしくお願い致します。

2016/07/14 00:02:03

その他の回答1件)

id:degucho No.1

回答回数281ベストアンサー獲得回数75ここでベストアンサー

ポイント150pt

自分の場合は下記リンクのやりかたでいけました。
http://chaika.hatenablog.com/entry/2014/04/12/001012

id:nagato-yuki

回答ありがとうございます。
また参考になるなるURLのご提示に感謝いたします。

また機会がございましたらよろしくお願い致します。

2016/07/14 00:02:03
id:victor_victor No.2

回答回数31ベストアンサー獲得回数5

ポイント150pt

https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects
Mozilla のサイトに $.ajax を使ってアップロードするソースのサンプルがありました。

var fd = new FormData(document.querySelector("form"));
fd.append("CustomField", "This is some extra data");
$.ajax({
  url: "stash.php",
  type: "POST",
  data: fd,
  processData: false,  // tell jQuery not to process the data
  contentType: false   // tell jQuery not to set contentType
});
id:nagato-yuki

回答ありがとうございます。
また参考になるなるURLのご提示に感謝いたします。

また機会がございましたらよろしくお願い致します。

2016/07/14 00:02:10

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません