質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

0回答

981閲覧

formdataを送信するのをbuttonでやりたい

aizawal-hiroki

総合スコア56

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

1クリップ

投稿2018/08/16 10:28

現在fileのアップロードを行おうとしています。

html

1<div id="divSelectMaterialFile" class="non-draggable"> 2 <form action="/upload" method="post" enctype="multipart/form-data" id="form" name ="form"> 3 <input id="file" name="filepath" type="file"/> 4 <button id="btnUpload" class="btn-material non-draggable" type="button" name ="filepath"></button> 5 </form> 6</div>

jquery

1$('#divSelectMaterialFile').file('upload[]',function(event,input) 2{ 3 var fd = new FormData($('#form').get(0)); 4 fd.append("type", type); 5 fd.append("xml", configXML); 6 7 $.ajax({ 8 url: URL 9 ,type: 'POST' 10 ,data : fd 11 12 ,processData: false 13 ,contentType: false 14 15 ,dataType: 'json' 16 }) 17 .done(function( data ) { 18 $('#result').text(data.width + "x" + data.height); 19 }); 20 21 return false; 22});

jqueryの方はちょっと端折ってますが大体このようにformdataを送信しているのですが
htmlのほうの 【<button id="btnUpload" class="btn-material non-draggable" type="button" name ="filepath"></button>】でinputも同時に行いたいのですが何かいい方法ございますでしょうか。よろしくお願いします

jquery : v1.8.3

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/08/16 13:20

ボタンのclickイベントは試されたのでしょうか。既に試されたのでしたらその旨とコードを追記し、何がどう分からなかったのか・起きた現象や調べた内容もあわせて質問内容に追記してください。
m.ts10806

2018/08/16 13:21

「~でinputも同時に」というのが結局どうしたいのか今一つイメージできないのですが、具体的に記載していただけますか?
x_x

2018/08/17 02:40

.file()というメソッドが不明なのですが何か他のライブラリあるいは拡張しているのであればその内容を書いてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問