serializeObject

Serializes a form (or a set of inputs) to an object. It uses FileReader and Deferred to serialize input[type="file"]

Usage

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="jquery.serializeObject.js"></script> <script>			 	$(function(){ 		$('form').on('submit', function(e) { 			e.preventDefault(); 			$(this).serializeObject().done(function(o){ 				if(window.console) console.log(o); 				// see the object in console 			}).fail(function(e){ 				// consider to handle FileReader error 			}); 		}); 	}); </script> 

The result object is something like this

{ 	inputName: inputValue, 	inputArray: [firstInputValue, secondInputValue, ...], 	checkedCheckboxWithValue: checkboxValue, 	checkedCheckboxWithoutValue: true, 	uncheckedCheckboxWithoutValue: false, 	fileInput: { 		name: fileName, 		type: mimeType, 		size: fileSize, 		data: dataBase64 	}, 	fileInputArray: [{...}, {...}, ...] } 

Serialization rules

• Only inputs with name attribute are serialized
• Inputs with same name becomes an array (if more then one appears)
• Inputs with name ends with "[]" are forced to be serialized as array, even if single occurance
• Checkboxes with value attribute are serialzed only if checked
• Checkboxes without value attribute are serialzed as boolean, depends on checked state
• File inputs are serialized as objects with name, mime type, size and data as base64
• Multiple file inputs are serialized as arrays if more then one file or input name ends with "[]"

Requirements

• FileReader JavaScript API
• jQuery 1.5+

(c)2017 aleksandr.ru