title: Is it possible to upload image to the server using Bootstrap's Modal dialog box, jQuery, AJAX and PHP? If yes how? If no what's the reason for it?
body: <p>I'm using <strong>PHP, jQuery(jquery-1.9.1.min.js and jquery-ui-1.10.0.custom.min.js), AJAX, Bootstrap design framework(Bootstrap v3.0.0), etc.</strong></p>
  
  <p>I'm relatively a newbie in the field of Web Programming.</p>
  
  <p>Now at one place I want to show <strong>Bootstrap framework's inbuilt modal dialog box</strong> on click of a button. In this modal dialog box there will be a HTML File control for uploading the image file. User will select any image file from his/her local machine by browsing the files. Then after performing all the following necessary validations like </p>
  
  <ul>
  <li>proper standard image extension</li>
  <li>maximum size limit of 5 MB</li>
  <li>minimum dimensions of 940 px * 370 px</li>
  </ul>
  
  <p>the file should be uploaded to the server using PHP code. If any of the validations fail the relevant error message should be displayed in red color above the File Upload HTML control.</p>
  
  <p>Is it possible to achieve this functionality? I heard that it's not possible to upload files using AJAX. I really don't know whether it's a myth or a fact. If someone knows about this thing please explain to me in detail.</p>