Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am struggling to get a file uploaded, processed and displayed without reloading the page. What do I use for jquery to get the file posted to the server properly?
<html>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data" id="uploadform">
<label for="file">Filename:</label>
<input type="file" name="file" id="file" />
<br />
<input type="submit" id="submit" />
</form>
</body>
</html>
You can do it by putting the upload form in an
iframeand communicating between the main window and the frame with javascript. It’s ugly but it’s the only way to do it in some browsers.jQuery File Upload is an awesome plugin that incorporates async XHR uploads and falls back on an
iframefor browsers that are not capable. It also supports drag and drop (for capable browsers) out of the box. It’s not the simplest plug-in in the world to use, but well worth the effort, it covers all the bases.