input[type=file]属性


title: input[type=file]属性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei"

** input[type=file] ** 控件用来上传文件。当使用控件时,就授权了网页和服务器访问对应的文件,就可以得到File对象。

在Android手机webview中,是不支持上传文件的,网上说是修改Android端的代码导致的。

  1. accept属性 该属性表明了服务器端可接受的文件类型,可以限制你手机选择相关的文件,如果限制多个,可以用逗号分割,下面的代码就表示只能选择图片与音频相关的文件:<input accept="image/*,audio/*" type="file"/>

  1. change事件 当用户点击控件上传文件会触发change事件,在移动端点击控件时会弹出键盘,体验非常不友好,通过设置属性onfocus="this.blur()"使其失去焦点 <input type="file" id="upload" onfocus="this.blur()"/>

  2. file对象 用户所选择的文件都存储在了一个FileList对象上,其中每个文件都对应了一个File对象 file对象一共由9个属性 获取上次修改的时间file[0].lastModifiedDate) 获取文件名file[0].name 获取大小file[0].size 获取类型file[0].type

  3. 参考资料: http://www.cnblogs.com/strick/p/5181701.html 移动端图片操作(一) https://developer.mozilla.org/zh-CN/docs/Using_files_from_web_applications    在web应用中使用文件 http://javascript.ruanyifeng.com/htmlapi/file.html  文件和二进制数据的操作http://www.iunbug.com/archives/2012/06/04/208.html   [译]JavaScript文件操作基础 http://www.iunbug.com/archives/2012/06/05/254.html   [译]JavaScript文件操作URL对象http://www.html5rocks.com/zh/tutorials/file/dndfiles     通过 File API 使用 JavaScript 读取文件

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值