拿到input file上传文件名字 显示到页面中
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | $( ".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>
本人无商业用途,仅仅是学习做个笔记,特别鸣谢小马哥,学习了IOS,另日语学习内容有需要文本和音频请关注公众号:riyuxuexishuji
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步