File Upload without Form

by

You can use FormData to submit your data by a POST request. Here is a simple example:

var myFormData = new FormData();
myFormData.append('pictureFile', pictureInput.files[0]);

$.ajax({
  url: 'upload.php',
  type: 'POST',
  processData: false, // important
  contentType: false, // important
  dataType : 'json',
  data: myFormData
});

You don’t have to use a form to make an ajax request, as long as you know your request setting (like url, method and parameters data).

More Related Contents:

  1. What is wrong with this basic Javascript code? [closed]
  2. jQuery Mobile: document ready vs. page events
  3. How can I get the data-id attribute?
  4. jQuery Mobile: Markup Enhancement of dynamically added content
  5. Submit multiple forms with one submit button
  6. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  7. How to submit an HTML form without redirection
  8. JavaScript data grid for millions of rows [closed]
  9. How to get JQuery.trigger(‘click’); to initiate a mouse click
  10. How to get a HTML element from a string with jQuery
  11. Setting href attribute at runtime
  12. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  13. Populate one dropdown list based on the selection of other dropdown list
  14. width/height after transform
  15. putting html inside an iframe (using javascript)
  16. Is there any “on DOM change” event? [duplicate]
  17. How to select all text in contenteditable div?
  18. How do I abort image load requests without using window.stop()
  19. Redirect automatically when selecting an item from a select drop-down list
  20. How to pass variable value between different html pages in javascript
  21. Attach a blob to an input of type file in a form
  22. Trigger a button click inside an iframe [duplicate]
  23. Remove scrollbar but not scrolling functionality [duplicate]
  24. Combine two selectors with one jQuery object
  25. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  26. fade effect using javascript no jquery?
  27. Changing cursor to waiting in javascript/jquery
  28. Wrapping lists into columns
  29. Returning value from confirmation dialog using JQuery UI dialog
  30. How can I calculate the difference between two times that are in 24 hour format?

Leave a Comment