javascript - Start upload after choosing a file, using jQuery. - Stack Overflow

admin管理员组

文章数量:1297044

After having chosen a file for upload, I want the file to be uploaded to database without the click of a button. How is this done using jQuery?

I would like to choose a file like this: .gif

<input type="file" valign="baseline" />

After having chosen a file for upload, I want the file to be uploaded to database without the click of a button. How is this done using jQuery?

I would like to choose a file like this: https://i.sstatic.net/0408T.gif

<input type="file" valign="baseline" />

• javascript
• jquery

Share Improve this question Follow edited Nov 21, 2012 at 10:36 Theo Scholiadis 2,39622 gold badges2323 silver badges3333 bronze badges asked Jul 21, 2011 at 9:42 Mehd SMehd S 58322 gold badges1010 silver badges2121 bronze badges

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 39

Assuming you're using a form:

// select the file input (using a id would be faster)
$('input[type=file]').change(function() { 
    // select the form and submit
    $('form').submit(); 
});

EDIT: To keep this answer up-to-date:

There is a nice way to upload files via AJAX without hacks described here: http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/

Use jQuery's plugin uploadify

It's great plugin which has many options, and auto-upload, too

$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : '/uploadify/uploadify.swf',
    'script'    : '/uploadify/uploadify.php',
    'cancelImg' : '/uploadify/cancel.png',
    'folder'    : '/uploads',
    'auto'      : true
  });
});

just set the auto to true.. 'auto':true

本文标签： javascriptStart upload after choosing a fileusing jQueryStack Overflow