2017-06-13 7 views
0

ファイル入力のオブジェクトフォームを作成するにはどうすればいいですか 。私は、ファイル入力のフォームオブジェクトを作成するにはどうすればよいjavacriptのオブジェクトフォーム

<html> 
<head> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 

<form id="helooo"> 
    <input type="text" name="foo1" value="" /> 
    <input type="text" name="foo2" value="" id="r1"/> 
<input type="file" name="f1" value="" id="r2"/> 
<button type="submit" id="s1"> ab</button> 
</form> 




<script> 
$(".quote_save").click(function() { 
var oElements = {}; 
$('form'){ 
    oElements[this.name] = = this.value; 
}); 
}); 
</script> 
</body> 
</html> 

答えて

0

は、メソッドとのenctype(ファイル入力のために必要な)を持っている必要があります以下のコードに

<script> 
$(".quote_save").click(function() { 

    var formData=$('#helooo').serialize(); 
}); 
</script> 
1

ファーストをお試しください。

HTML:

<form id="helooo" method="post" enctype="multipart/form-data"> 
    <input type="text" name="foo1" value="" /> 
    <input type="text" name="foo2" value="" id="r1"/> 
<input type="file" name="f1" value="" id="r2"/> 
<button type="submit" id="s1" class='quote_save'> ab</button> 
</form> 

Javascriptを:

<script> 
$(function(){ 
$(".quote_save").submit(function() { 
    var form_data=$('#helooo').serialize();//string format 
    var form_data=$('#helooo').serializeArray();//Arrayformat 
}); 
}); 
</script> 

参考: - あなたが私の答えをコピー/ serialize

+0

ホエー? –

+0

あなたの答えと私の答えの間には大きな違いがあります – lalithkumar

+0

はい、あなただけ編集します... –