Heim >Web-Frontend >js-Tutorial >JavaScript-Methode zum Festlegen der Anzahl der Dateien beim Hochladen eines Formulars_Javascript-Fähigkeiten

JavaScript-Methode zum Festlegen der Anzahl der Dateien beim Hochladen eines Formulars_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:45:511402Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie die Anzahl der Dateien festlegen, wenn Sie ein Formular mit JavaScript hochladen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Dies ist eine praktischere Funktion, um ein Formular zum Hochladen von Dateien einzurichten. Sie müssen mehrere Formulare generieren, die in der NetEase-Mailbox verfügbar sind und Sina-Mailbox verfügt jedoch nicht über die Funktion zum Löschen des Formulars. Wenn Sie zu viel eingeben, müssen Sie von vorne beginnen

Der Betriebseffekt ist wie folgt:

Der spezifische Code lautet wie folgt:

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

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn