Maison  >  Article  >  interface Web  >  Méthode JavaScript pour définir le nombre de fichiers lors du téléchargement d'un form_javascript skills

Méthode JavaScript pour définir le nombre de fichiers lors du téléchargement d'un form_javascript skills

WBOY
WBOYoriginal
2016-05-16 15:45:511358parcourir

L'exemple de cet article décrit comment définir le nombre de fichiers lors du téléchargement d'un formulaire à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Il s'agit d'une fonction plus pratique. Lorsque vous utilisez JavaScript pour configurer un formulaire pour télécharger des fichiers, le formulaire de téléchargement peut être généré selon les besoins. Cette fonction est disponible dans la fonction d'ajout de pièce jointe de la boîte aux lettres NetEase. et la boîte mail Sina. Cependant, celle-ci n'a pas pour fonction de supprimer le formulaire, si vous en saisissez trop, vous devrez recommencer

.

L'effet de l'opération est comme indiqué ci-dessous :

Le code spécifique est le suivant :

<title>JavaScript设置表单上传时的文件个数</title>
<input type="button" name="button" value="添加附件" onclick="addInput()">
<input type="button" name="button" value="删除附件" onclick="deleteInput()">
<span id="upload"></span>
<script type="text/javascript">
 var attachname = "attach";
 var i=1;
  function addInput(){
  if(i>0){
   var attach = attachname + i ;
   if(createInput(attach))
    i=i+1;
  }
  } 
  function deleteInput(){
   if(i>1){
   i=i-1;
   if(!removeInput())
    i=i+1;
   }
  } 
  function createInput(nm){ 
  var aElement=document.createElement("input"); 
  aElement.name=nm;
  aElement.id=nm;
  aElement.type="file";
  aElement.size="50";
  //aElement.value="thanks"; 
  //aElement.onclick=Function("asdf()"); 
   if(document.getElementById("upload").appendChild(aElement) == null)
    return false;
   return true;
  } 
  function removeInput(nm){
   var aElement = document.getElementById("upload");
   if(aElement.removeChild(aElement.lastChild) == null)
   return false;
   return true; 
  } 
</script>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn