html获取type为file的文件名,input type="file"获取文件名方法

文件上传比较丑，样式调整时会有一个获取文件名，或者包含文件路径的文件名的方法

html代码

CSS样式

.file-box{ position:relative;width:340px;margin:20px;}

.txt{ height:28px;line-height:28px; border:1px solid #cdcdcd; width:180px;}

.btn{width:70px; color:#fff;background-color:#3598dc; border:0 none;height:28px; line-height:16px!important;cursor:pointer;}

.btn:hover{background-color:#63bfff;color:#fff;}

.file{ position:absolute; top:0; right:85px; height:30px;line-height:30px; filter:alpha(opacity:0);opacity: 0;width:254px }

效果图

只获取文件名

docu页求是解这如前总回随4泉标使幻近面的是,ment.getElementById('fileField').files[0]朋不功事做时次功好来多这开制的请一例农在个屏器随的会满和满时波实的于设幻近友支能前的我基能自又，些发.name

获取带路径的遇新是直朋能到分览文件名

docum不事时功来这制请例在屏随会和时实于幻近支ent.getElementById('fileField')能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动标实效使.value

本文来源于网络：查看 >https://www.cnblogs.com/midnight-visitor/p/8992121.html