实现多文件分段上传答案

【问题标题】：Implementing multiple file multipart uploads实现多文件分段上传
【发布时间】：2010-02-23 04:53:32
【问题描述】：

我正在我的项目中实现文件上传服务

我有 java 脚本代码，可以将文件作为要上传到服务器的文件列表来获取。

为了让文件上传工作我想问怎么找回最多 6 个之后的文件列表文件已由用户？首先，我知道该列表将存储在 fileslist 数组/哈希
最终我正在探索使用执行文件上传的库服务，我看过了—— 公共文件上传 - 和春天分段上传。什么是实施的有效途径这个上传服务

下面的代码片段

$(document).ready(function(){   
var fileMax = 6;
$('#asdf').after('<div id="files_list" style="border:1px solid #666;padding:5px;background:#fff;" class="normal-gray">Files (maximum '+fileMax+'):</div>');
$("input.upload").change(function(){
doIt(this, fileMax);
});
}); 




$(document).ready(function(){   
var fileMax = 6;
$('#asdf').after('<div id="files_list" style="border:1px solid #666;padding:5px;background:#fff;" class="normal-gray">Files (maximum '+fileMax+'):</div>');
$("input.upload").change(function(){
doIt(this, fileMax);
});
}); 

function doIt(obj, fm) {
if($('input.upload').size() > fm) {alert('Max files is '+fm); obj.value='';return true;}
$(obj).hide();
$(obj).parent().prepend('<input type="file" class="upload" name="fileX[]" />').find("input").change(function() {doIt(this, fm)});
var v = obj.value;
if(v != '') {
$("div#files_list").append('<div>'+v+'<input type="button" class="remove" value="Delete" style="margin:5px;" class="text-field"/></div>')
.find("input").click(function(){
$(this).parent().remove();
$(obj).remove();
return true;
});
}
};

我的表格如下：

<table border="0" cellspacing="0" cellpadding="8">
      <tr>
        <td><input type="file" id="element_input" class="upload" name="fileX[]" /></td>
        </tr>
      <tr>
        <td><label>
          <textarea name="textarea" cols="65" rows="4" class="text-field" id="textarea">Add a description</textarea>
        </label></td>
        </tr>
      <tr>
        <td><input name="Submit" type="button" class="text-field" id="send" value="Submit" /></td>
        </tr>
      </table><br />

【问题讨论】：

标签： javascript jquery spring-mvc

【解决方案1】：

我认为您不会通过这条路线获得预期的结果。我强烈建议yahoo uploader (javascript+flash)。它是开源的，允许多个文件上传，基于 ajax/flash，超级容易设置。

http://developer.yahoo.com/yui/examples/uploader/uploader-simple-button.html

【讨论】：