Object form in javascript

Question

I want to create a object form of a file input in the form, How i can do it . How I can Create form object of file input

<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>

lalithkumar · Answer 1 · 2017-06-13T09:47:58.890

1

First you need to have the method and enctype(necessary for file input).

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>

Reference:-/ serialize

edited Jun 13 '17 at 09:47

answered Jun 13 '17 at 09:41

lalithkumar

3,480
4
24
40

whey you copy my answer ? – Sagar Roy Jun 13 '17 at 09:48
There is much difference between your answer and my answer – lalithkumar Jun 13 '17 at 09:49
yes just you edit ... – Sagar Roy Jun 13 '17 at 09:49
1

everyone knows about serialize but you should give the answer the way it works. – lalithkumar Jun 13 '17 at 09:51
Lol what you think i dont know ? if you not copy my answer then how your variable and my variable same . – Sagar Roy Jun 13 '17 at 09:52
try yourself .. if its possible or not ? – Sagar Roy Jun 13 '17 at 09:54

score 0 · Answer 2 · edited Jun 13 '17 at 11:10

0

Try the below code

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

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

edited Jun 13 '17 at 11:10

Sagar V

12,158
7
41
68

answered Jun 13 '17 at 09:37

Sagar Roy

433
4
12

Object form in javascript

2 Answers2