jquery ajax call - フォームデータを送信する

私は、多数のコントロールを含むウェブページを持っています。それらのうちのいくつかは、画像をアップロードするために使用する「ファイル」コントロールです。私はimages.IをアップロードするjQueryのAjax呼び出しを使用するには、あなたは上記のコードで見ることができるように、それ自体、長い時間back.Theコードは、jquery ajax call - フォームデータを送信する

$.ajax({ 
    url: "upload.php", 
    type: "POST", 
    data: new FormData(this),<<------Submitting all the form data 
    mimeType: "multipart/form-data", 
    cache: false, 
    success: function(data){ 
    $("#gallery").html(data); 
    }, 
    error: function(){}    
});

の下全体を与えている、インターネットから画像をアップロードするためのコードを持っていますフォームデータはPOSTED.Nowフォームのデータ全体を投稿するのではなく、最初のファイルコントロール 'file_1'と言うデータを投稿するだけです。これについてはどうすればいいですか？あなたが私の質問を理解してくれることを願っています。

出典

2016-10-31 msm

新しいFormDataオブジェクトを作成し、唯一必要なデータを追加するために、そのappend()メソッドを使用することができます。また、あなたの答えのためにMDN

出典

2016-10-31 09:13:55

おかげ@Roryでご利用いただけFormDataに読ん

var fd = new FormData(); fd.append('foo', $('#bar').val()); $.ajax({ url: 'upload.php', data: fd, // ... });

ことができますが、あなたがfile_1という名前のファイルコントロールに含まれているデータを提出したい場合は、上記に書かなければならないことを教えてください。 – msm

これは私がリンクしているドキュメントにあります： 'formData.append（ 'userpic'、myFileInput.files [0]、 'chris .jpg '）;' –

今私にはっきりしています。たくさんありがとう – msm

jquery ajax call - フォームデータを送信する

答えて

関連する問題