2010-02-23 3 views
0

J'Implémenter un service de téléchargement de fichiers dans mon projetde mise en œuvre de plusieurs fichiers upload multipart

J'ai le code java script qui récupère les fichiers sous forme d'une liste de fichiers à télécharger sur un serveur.

  • Pour obtenir le téléchargement de fichiers de travail Je voudrais demander comment je récupérer la liste des fichiers après les fichiers max 6 ont été spécifiées par l'utilisateur ? Pour commencer, je sais que la liste serait stockée dans un fileslist tableau/hachage

  • Finalement, je explorer en utilisant une bibliothèque pour exécuter le service le fichier télécharger , je l'ai jeté un oeil à la - commons fileupload - et le printemps téléchargements multipart. ce serait une manière efficace avant la mise en œuvre ce service de téléchargement

Code Snippet ci-dessous

$(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; 
}); 
} 
}; 

ma forme est la suivante:

<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 /> 

Répondre