javascript - 用于“静默”上传单个文件的 jquery 插件

Question

在我的网络应用程序中，当用户选择该文件并停留在同一个 html 页面上时，我需要上传一个文件。我正在寻找一个可能使用jquery.and 的非 Flash 解决方案，它可以在 Firefox 上运行。

通过谷歌搜索，我遇到了很多插件，其中大多数使用精心制作的 html 页面来显示input widgets / upload status indicators等。我需要一些我可以像这样使用的东西，使用 ajax。

我的页面.html

<input type="file" id="myfileselect" > </input>

myjs.js

$(document).ready(function(){
   $('#myfileselect').change(function(e){
       //upload the file somehow
   }

});

这可能吗？有人可以说明我该怎么做吗？

Answer 1

我在所有项目中都使用这个插件。用户选择文件后，您只需调用

$('#yourForm).ajaxSubmit()

它将异步上传您的文件。

http://jquery.malsup.com/form/

在你的情况下，你会这样做：

HTML

<form id="myForm">
<input type="file" id="myfileselect" > </input>
</form>

jQuery

$(document).ready(function(){
    //set the options here
    var options = {
        url : 'yourScript.php',
        method : 'post'
    };

   $('#myfileselect').change(function(e){
       $('#myForm').ajaxSubmit(options);
   }
});