分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

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

发布时间:2023-09-06 02:19责任编辑:郭大石关键词:暂无标签
$(".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 ???}})
<a class="selfConBtn aFileBtn">选择文件<input type="file" ?/></a> ???????<span class="fileerrorTip"></span> ????????<span class="showFileName"></span> <a href="#" ?class="selfConBtn">点击上传</a> 

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

原文地址:https://www.cnblogs.com/laugh/p/9842565.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved