2017-06-13 35 views
0

我想创建一个文件输入形式的对象形式,我怎么能做到这一点 。如何创建文件输入的表单对象javascript中的对象形式

<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

试试下面的代码

<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

是的,只要你编辑... –