jqueryを使用した画像のアップロードの仕方について
お世話になります。今回、jqueryのajaxの機能を利用して、画像のアップロードをしたいと思い質問をいたします。
jqueryのajaxを使用して、画像ファイル（jpeg）のアップロードをしたいと思っております。
アップロードをする際に、画像ファイルと一緒に同じform内のhiddenの値も一緒に送信したいと思っているのですが、そのコードの記述方法が分かりません。
http://music.geocities.jp/kinokolovers1/
上記URLの様なサンプルを作りまして、複数のフォームから画像ファイルとそのフォーム内のhiddenの値(上記URLでは「kakaku」と「hatsubaibi」)をjqueryのajaxで
送信したく思っております。
今回はソース内のスクリプトをどうすれば画像ファイルとhiddenの値を一緒に送信できるかお聞きしたく、送信先のphpプログラムは割愛させていただきたく思います。
どうぞよろしくお願い致します。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
degucho
満足150pt
自分の場合は下記リンクのやりかたでいけました。
http://chaika.hatenablog.com/entry/2014/04/12/001012 -
その他の回答
-
ビ＝ヨンセ
満足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 }); -
この質問へのコメント
質問の情報
- 登録日時
- 2016-07-06 18:09:08
- 終了日時
- 2016-07-13 18:10:03
- 回答条件
- 1人1回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
特定のIPから送信されたメールをメールサーバーでブロックしたい レンタルサーバーで、複数の指定したIPか…
cafet
1
-
高校受験専用の、参考書とかワーク、ドリルってなにがオススメですか？ ５教科全部教えてほしいです。色々…
匿名質問者
-
パワーポイントやエクセルの使い方をyoutubeで紹介する動画で、パワーポイントやエクセル自体の著作権とい…匿名質問者
1
-
飲食店など発するニオイの苦情があるということで、都心の自治体では対応していることもあるみたいですが、…匿名質問者
-
中学3年です。 ほとんど成績が2の偏差値約30です。偏差値50の倍率が高い高校を目指すのはまだ希望はありま…匿名質問者4
1