ホームページ  >  記事  >  ウェブフロントエンド  >  form_javascript スキルをアップロードするときにファイル数を設定する JavaScript メソッド

form_javascript スキルをアップロードするときにファイル数を設定する JavaScript メソッド

WBOY
WBOYオリジナル
2016-05-16 15:45:511342ブラウズ

この記事の例では、JavaScript を使用してフォームをアップロードするときにファイル数を設定する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

これは、JavaScript を使用してファイルをアップロードするためのフォームを設定する場合、必要に応じて複数のフォームを生成する必要がある、より実用的な機能です。ただし、これにはフォームを削除する機能がありません。

を入力しすぎると、最初からやり直す必要があります。

操作効果は以下の通りです:

具体的なコードは次のとおりです:

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

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。