高手帮忙，新手求救，求一个js代码。 类似gmail上传附件的，添加一个附件。。。再添加一个附件

var fileList = new Array();var i = fileList.length;
if(i>=5)
 alert("...");
else {
 var file = document.createElement("input");
 file.type = "file";
 file.name = "projectFile"+(i+1);
 ....appendChild(file);
 fileList[i] = file;
}
简单些直接修改innerHTML += "<input type=file name=projectFile"+(i+1)+">";

解决方案 »

  1.   

    只支持IE，FF下GMAIL也不行，记得以前看过网易等也不行，FF只能生成一个FILE框，再自己选。<input name="file1" type="file" style="display:none" onchange="showFiles(this)"><div id="div1">&nbsp;</div>
    <input name="file2" type="file" style="display:none" onchange="showFiles(this)"><div id="div2">&nbsp;</div>
    <input name="file3" type="file" style="display:none" onchange="showFiles(this)"><div id="div3">&nbsp;</div>
    <input name="file4" type="file" style="display:none" onchange="showFiles(this)"><div id="div4">&nbsp;</div>
    <input name="file5" type="file" style="display:none" onchange="showFiles(this)"><div id="div5">&nbsp;</div>
    <a href="javascript:void(0)" onclick="show()">填加一个</a>
    <script language=javascript>
    var index=1;
    function show()
    {
    if(index>5)return;
    document.getElementById("file"+index).click();
    index++;
    }
    function showFiles(obj)
    {
    obj.nextSibling.innerHTML=obj.value
    }
    </script>
      

  2.   

    ls 的兄弟那个在ff里不管用。
    而且， 很难看啊。 无缘无故空出来很多行。lss的兄弟，js我怎么看不懂呢？....appendChild(file); 这什么意思？
      

  3.   

    上面已经说了，FF下是不行的，GMAIL也不能直接弹出来，只是增加一行FILE框，这里就没写
    样式你自己调下吧，去掉那些空行，只要把&nbsp;去掉就行了<input name="file1" type="file" style="display:none" onchange="showFiles(this)"><div id="div1"></div>
    <input name="file2" type="file" style="display:none" onchange="showFiles(this)"><div id="div2"></div>
    <input name="file3" type="file" style="display:none" onchange="showFiles(this)"><div id="div3"></div>
    <input name="file4" type="file" style="display:none" onchange="showFiles(this)"><div id="div4"></div>
    <input name="file5" type="file" style="display:none" onchange="showFiles(this)"><div id="div5"></div>
    <a href="javascript:void(0)" onclick="show()">填加一个</a>
    <script language=javascript>
            var index=1;
            function show()
            {
                if(index>5)return;
                document.getElementById("file"+index).click();
                index++;
            }
            function showFiles(obj)
            {
                obj.nextSibling.innerHTML=obj.value
            }
    </script>
      

  4.   

    我来帮帮你吧 ie和ff都能用的好东东。
    <html>
        <head>
            
            <title>
              sss
            </title>
      <script   language="javascript">  
      var   n=1;
      var   m=1;  
      var   k=1;
      var   j=1;
      var   d=1;      
      function   addInput()  
      {  
          var input1 = document.createElement("INPUT");
          var input2 = document.createElement("INPUT");
          var b = document.createElement("<br>");
          
          input1.type="file";  
          input1.name="file_name"+n;
          input1.id="file"+n++;
          b.id="b"+m++;
          input2.type="button";  
          input2.name="delete"+k;
          input2.id="delete"+k;
          input2.value="delete"+k++;
          
         input2.onclick=function remove(){
         emement = document.getElementById(input2.id);
      emement.parentNode.removeChild(emement);
      emement = document.getElementById(input1.id);
      emement.parentNode.removeChild(emement);
      emement = document.getElementById(b.id);
      emement.parentNode.removeChild(emement);
          };      
          document.form1.appendChild(input1);
          document.form1.appendChild(input2);  
          document.form1.appendChild(b); 
      }  
      </script>
            <noscript>您的浏览器不支持JavaScript。</noscript>
        </head>
        <body>
      <form   name="form1">  
      <input   type="button"   value="add"   onclick="addInput()"><br>
      </form>      </body>   
    </html>