HTML5开发之通过文件对象选择文件

    在HTML中新增了两个与表单相关的API——文件API与拖放API。拖放API可以实现一些有趣的功能,允许用户拖放选项并将其放置到浏览器中的任何地方。其很好地体现了HTML5作为web应用程序规范的思路,使得开发者可以从桌面计算机中借用更多功能。

     在HTML5里,从Web网页上访问本地文件系统变得十分简单,那就是使用文件API。这个file规范里提供了一个API来表现Web应用里的文件对象。用户可以编程来选择它们,访问它们的信息。

    在HTML4中,file控件内只允许放置一个文件,但是到了HTML5中,FileL—ist对象表示用户选择的文件列表,通过添加multiple属性,在file控件内允许一次放置多个文件。控件内的每一个用户选择的文件都是一个file对象,而FileList对象则为这些file对象的列表,代表用户所选择的所有文件。

      file对象有两个属性,name属性表示文件名,不包括路径,lastModifiedDate属性表示文件的最后修改日期。

      在本例中通过单击“浏览”按钮,选择要上传的文件,然后单击“上传文件”按钮,将会弹出一个对话框,这个对话框将显示上传文件的名称。代码如下:
  <!DOCTYPE html><head> 
  <meta charSet=”UTF一8”  > 
  <title>FileList与file实例</title> 
  </head>
  function ShowName()  
  var file;  
  //返回FileList文件列表对象      
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值