小记 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对象

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

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • VMware的虚拟机连不上网

    VMware的虚拟机连不上网1.如果你发现在VMware下运行的虚拟机无法连接网络,那下面的方法也许可以帮到你。(前提是你的物理网络是通的)第一步:在VMware界面下单击“编辑“→”虚拟网络编辑器”第二步:单击”更改设置”获取权限,如果有。则不需要单击第三步:单击左下角的”恢复默认设置“,等待完成,然后确定退出。第四步:刚刚恢复默认后有两个,你自己…

    2022年6月26日
    21
  • js的随机函数_随机生成数字的函数

    js的随机函数_随机生成数字的函数//默认为范围为10,开始值为1functionrandom(range=10,start=1){returnMath.floor(Math.random()*range+start);}

    2025年7月8日
    2
  • 激活成功教程资料大全「建议收藏」

    激活成功教程资料大全「建议收藏」激活成功教程资料大全顶啊!!! DFCG官方论坛http://www.chinadfcg.com/龙族联盟论坛http://www.chinadforce.com/index.php中国狂热激活成功教程联盟-梦想家园社区http://www.5icrack.com/bbs/index.php风飘雪|加密与解密实战攻略|最酷激活成功教程教学,带你轻松进入激活成功教程的殿堂http://www.hx007.com/f

    2022年10月8日
    3
  • 税控盘开票助手Excel导入或ERP导入开票明细接口使用说明(使用手册)

    税控盘开票助手Excel导入或ERP导入开票明细接口使用说明(使用手册)税控盘开票助手使用说明(使用手册)写这遍文章的目的是方便以后个人使用,做个笔记记录。首先我来说一下它是做什么用的,它的主要作用是把用户的开票数据,Excel数据、ERP系统导入到税控盘开票软件中。解决企业开票明细多、开票数据量大、手工输入明细慢、开票赋码不方便等问题,通过使用开票助手可以提高开票人员工作效果,工作产能,减少手工输入带来的差错。可以使用的功能有:开票明细

    2022年5月27日
    241
  • 如何屏蔽SIGPIPE信号

    如何屏蔽SIGPIPE信号#include<stdlib.h>#include<sys/signal.h>//默认读写一个关闭的socket会触发sigpipe信号该信号的默认操作是关闭进程这明显是我们不想要的//所以我们需要重新设置sigpipe的信号回调操作函数比如忽略操作等使得我们可以防止调用它的默认操作//信号的处理是异步操作也就是说在这一条语句以后继续往下执行中如果碰到信号依旧会调用信号的回调处理函数//处理sigpipe信号voidhandle_for_s

    2022年5月30日
    34
  • 大数据应用管理模式及内容

    大数据应用管理模式及内容通过调研,数据应用管理可总结为分散管理型、职能复用型、集中管理型三种模式,数据应用管理模式中重点关注组织管理、需求管理、建设管理、成果管理四大领域。(1)管理模式分散管理型:各部门分散开展数据应用,无集中管理,例如某某国有集团,公司各业务部门均设有业务数据部门,开展本部门数据应用相关事务。职能复用型:赋予现有部门数据应用管理职责,集中开展数据应用局部过程的管理事务,例如某工业公司,依托公司…

    2022年6月9日
    32

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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