Question

选择要上传的文件后，我希望无需单击按钮即可将文件上传到数据库。如何使用jQuery完成？

我想选择这样的文件： http://i.stack.imgur.com/0408T.gif

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

Answer 1

假设您使用的是表单：

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

编辑： 要使此答案保持最新状态：

有一种很好的方法可以通过AJAX上传文件而不用这里描述的黑客攻击： http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with-ajax/

Answer 2

使用jQuery的插件uploadify

这是一个很棒的插件，它有很多选项，也可以自动上传

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

Answer 3

将auto设置为true ..'auto'：true

使用jQuery选择文件后开始上传。

3 个答案: