title: JQuery - Drag n Drop Files - How to get file info?
body: <p>Interested in building my own drag'n'drop file uploader using JQuery/AJAX/PHP. </p>
  
  <p>Basically I want a file-uploader that users of my site can just drag the file from their computer into a div I created, and it will then upload the file for them to the selected destination.</p>
  
  <p>I would like to build this from scratch, and not use any plugins so that I can better manipulate the restrictions (file types, size, destination folders, etc.)</p>
  
  <p>Have scoured google with no luck, only plugins. Can anyway steer me in the right direction?</p>
  
  <p><strong>UPDATE</strong>
  Ok, so I figured out how to do what I want. Just set the file input field opacity to 1 so it is hidden, and you can still drag a file into that general area and if you hit the text field it will catch it. HOWEVER, I would like to know how to increase the height/width on the file input field (tried basic css on the file, but it only increases the 'browse' button size and not the actual field where you can drop the file into. Any ideas how to do this?
  I basically want a big square div that says 'Drop file here'. So I need to resize the input field.</p>