手工SEO

手工SEO首页 DEDE教程 正文

怎么拿到input file上传的文件名字显示到页面中

手工SEO 2020-02-13 04:00:34 DEDE教程 173℃ 手工SEO

js代码部分:

$(".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>  

上一篇:js中的关于onClick事件的参数传递

下一篇:让网页标签页头部有新消息提醒和Title标题文字滚动显示效果

网站分类
标签列表