HTML5中的文件

通过file对象选择文件

    

<script language="JavaScript">
    function ShowName() {
      var file;
      for(var i=0;i<document.getElementById("file").files.length;i++)
                                                        //返回filelist文件列表对象
      {
        file=document.getElementById("file").files[i];  //file对象为用户选择单个文件
        alert(file.name);                               //弹出文件名

      }

    }


  </script>
选择文件:
<input type="file" id="file" multiple size="50"/>
<input type="button" οnclick="ShowName();" value="上传文件"/>


  

在本例中通过单击“浏览”按钮，选择要上传的文件，然后单击“上传文件”按钮，将会它弹出一个对话框，在这个对话框中将显示上传文件的文件名。