博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input file样式美化
阅读量:6087 次
发布时间:2019-06-20

本文共 640 字,大约阅读时间需要 2 分钟。

默认样式:

美化样式时:

  • 将其设置为透明,设置宽高覆盖到需要用的地方,宽100%,高100%
  • 可以用到定位
.box{
  position:relative;   width:300px;   height:36px; }input[type="file"]{
  width:100%;   height:100%;   opacity:0;   position:absolute;   top:0;   left:0; }

获取上传文件的文件名:

$("input[type='file']").on("change",function(){     var files = $(this).prop("files");    // console.log(files);     var filename = files[0].name; //获取上传的文件名     $(".showName").val(filename);});

files.length;      //上传文件个数,可能是多个files[0].lastModified    //代表文件的修改日期,而非上传日期files[0].name;     //上传文件名files[0].size;     //上传文件大小(单位是b)files[0].type;     //文件类型

 

转载于:https://www.cnblogs.com/yyjbk/p/9875504.html

你可能感兴趣的文章
newinstance()和new有什么区别
查看>>
android下载封装类
查看>>
[node] 用 node-webkit 开发桌面应用
查看>>
Nginx访问控制和虚拟主机
查看>>
report widget not working for external users
查看>>
windows phone 摄像头得到图片是旋转90°
查看>>
Linux--sed使用
查看>>
没有显示器的情况下安装和使用树莓派
查看>>
【android】使用handler更新UI
查看>>
mochiweb 源码阅读(十五)
查看>>
前端面试中的常见的算法问题
查看>>
计算机语言的基本理论
查看>>
nodejs流之行读取器例子
查看>>
批量文件重命名工具
查看>>
简单说一下UWP中的JumpList
查看>>
unity将object[]或者string对象转换成枚举enum
查看>>
PostgreSQL 10.1 手册_部分 II. SQL 语言_第 9 章 函数和操作符_9.19. 范围函数和操作符...
查看>>
以太坊系列之六: p2p模块--以太坊源码学习
查看>>
使用scikit-learn解决文本多分类问题(附python演练)
查看>>
2018 年最值得关注的 JavaScript 趋势
查看>>