2010-02-23 2 views
0

Я реализующая услугу загрузки файла в моем проектереализация несколько файлов многокомпонентных загрузки

У меня есть 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 /> 

ответ

1

Я не думаю, что вы у вас будет желаемый результат по этому маршруту. Я настоятельно рекомендую yahoo uploader (javascript + flash). Это с открытым исходным кодом, позволяет загружать несколько файлов, ajax/flash, супер легко настраивается.

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

Смежные вопросы