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
Freigeben: 2016-05-16 15:45:51
Original
1379 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage