小记 HTML5 file对象

小记 HTML5 file对象

<input type="file" id="myfile" multiple>

这是个很普通的 file 上传组件,multiple 是支持多选,当然 IE6-9 是不支持的,所以先不论他们了。

file对象 是一个非常好用的东西,可以获取到文件的 文件名,文件大小,文件类型,最后一次修改日期。
用起来也很简单,来看个小例子:

<!doctype html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>file</title>
</head>
<body>
  <input type="file" id="myfile" multiple>
  <script>
    var myfile = document.getElementById("myfile");
    myfile.onchange = function () {
      console.log(myfile.files);
    }
  </script>
</body>
</html>

不出意外的话,你可以在控制台看到如下内容:
小记 HTML5 file对象

好了,今天就分享这个小知识点。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/109760.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 联合索引在B+树上的存储结构及数据查找方式

    联合索引在B+树上的存储结构及数据查找方式能坚持别人不能坚持的,才能拥有别人未曾拥有的。关注编程大道公众号,让我们一同坚持心中所想,一起成长!!引言上一篇文章《MySQL索引那些事》主要讲了MySQL索引的底层原理,且对比了B+Tree作为索引底层数据结构相对于其他数据结构(二叉树、红黑树、B树)的优势,最后还通过图示的方式描述了索引的存储结构。但都是基于单值索引,由于文章篇幅原因也只是在文末略提了一下联合索引,并没有大篇幅的展…

  • 解决ie8下onpropertychange事件间歇性失效的问题「建议收藏」

    有的时候onpropertychange事件一下好用,一下不好用网上有的说去掉&lt;!DOCTYPEhtml&gt;就好了,我试了下,虽然然管用,但doctype是推荐加上的,去掉他有些东西会乱。如果文本框的样式中有width属性,没有height属性就会出现此问题,不知道是什么原因&lt;inputtype="text"id="name"name="na…

  • wireshark 过滤方式「建议收藏」

    wireshark 过滤方式「建议收藏」(1)协议过滤比较简单,直接在抓包过滤框中直接输入协议名即可。tcp,只显示TCP协议的数据包列表http,只查看HTTP协议的数据包列表icmp,只显示ICMP协议的数据包列表(2)IP过

  • Twisted application中TCPClient的使用

    Twisted application中TCPClient的使用

  • 十六、状态模式—用类表示状态 #和设计模式一起旅行#

    人有悲欢离合,月有阴晴圆缺!故事背景白天、黑夜是不同的状态,水蒸气、冰是水不同的状态,大千的世界,不同的各种东西会有很多种状态,本篇要介绍的就是 “用类来表示状态”,用类表示状态后,我们就可以切换类来方便地改变对象的状态。故事主角状态模式:允许一个对象在其内部状态改变时改变它的行为,对象看起来似乎修改了它的类。在状态模式结构中包括几个角色: – Conte…

  • USB引脚及定义_u盘引脚数据线接线图

    USB引脚及定义_u盘引脚数据线接线图USB2.0USB接口定义:USB引脚定义:针脚名称说明接线颜色1VCC+5V电压红色2D-数据线负极白色3D+数据线正极绿色4GND接地黑色MiniU

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号