名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
$(".aFileBtn").on("change","input[type='file']",function(){
var filePath=$(this).val();
//filePath.indexOf("jpg")!=-1 || filePath.indexOf("png")!=-1
if(filePath.length > 0){
$(".fileerrorTip").html("").hide();
var arr=filePath.split('\\');
var fileName=arr[arr.length-1];
$(".showFileName").html(fileName);
}else{
$(".showFileName").html("");
$(".fileerrorTip").html("您未上传文件，或者您上传文件类型有误！").show();
return false
}
}) |
html文件部分：
<a class="selfConBtn aFileBtn">选择文件<input type="file" /></a>
<span class="fileerrorTip"></span>
<span class="showFileName"></span>
<a href="#" class="selfConBtn">点击上传</a> |
好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明，本站内容来源于互联网，如果侵犯了你的权益请联系本站删除。,怎么,拿到,input,file,上传,的,文件,名字,显示让网站网页设计标签页头部有新消息提醒和Title标题文字滚动显示效果
