How can I serialize an input File object to JSON?

by

It is not possible to directly convert a File object into JSON using JSON.stringify in Chrome, Firefox and Safari.

You can make a work around to convert File object to string using JSON.stringify

Ex:

// get File Object  
var fileObject = getFile();

// reCreate new Object and set File Data into it
var newObject  = {
   'lastModified'     : fileObject.lastModified,
   'lastModifiedDate' : fileObject.lastModifiedDate,
   'name'             : fileObject.name,
   'size'             : fileObject.size,
   'type'             : fileObject.type
};  
 
// then use JSON.stringify on new object
JSON.stringify(newObject);

You can also add the toJSON() behavior to your File object

EX:

// get File Object  
var fileObject = getFile();

// implement toJSON() behavior  
fileObject.toJSON = function() { return {
   'lastModified'     : myFile.lastModified,
   'lastModifiedDate' : myFile.lastModifiedDate,
   'name'             : myFile.name,
   'size'             : myFile.size,
   'type'             : myFile.type 
};}  
 
// then use JSON.stringify on File object
JSON.stringify(fileObject);

Note: send a File Object to server using the POST HTTP method.

More Related Contents:

  1. Parse large JSON file in Nodejs
  2. sending file and json in POST multipart/form-data request with axios
  3. How to create a file in memory for user to download, but not through server?
  4. Convert JS object to JSON string
  5. Download a file from NodeJS Server using Express
  6. Post data to JsonP
  7. How to send JSON instead of a query string with $.ajax?
  8. Browser-native JSON support (window.JSON)
  9. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  10. Serializing object that contains cyclic object value
  11. JSON.stringify doesn’t work with normal Javascript array
  12. Console.log showing only the updated version of the object printed
  13. How to convert raw javascript object to a dictionary?
  14. Open file dialog box in JavaScript
  15. Image convert to Base64
  16. How to search JSON tree with jQuery
  17. d3.json method doesn’t return my data array
  18. How do I persist a ES6 Map in localstorage (or elsewhere)?
  19. Javascript search inside a JSON object
  20. Parsing JSON from XmlHttpRequest.responseJSON
  21. Express and ejs
  22. Separate Angular2 TypeScript files and JavaScript files into different folders, maybe ‘dist‘
  23. Chrome and IE sorts JSON Object automatically, how to disable this?
  24. JSON.stringify output to div in pretty print way
  25. How to restore original object/type from JSON?
  26. Cross-Origin resource sharing and file://
  27. How to save and edit a file using JavaScript?
  28. sending data as JSON object from Python to Javascript with Jinja [duplicate]
  29. Process a continuous stream of JSON
  30. Push JSON Objects to array in localStorage

Leave a Comment