温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

计算机网络页面中如何解决type=file文件修改表单名称不能正常回显的问题

发布时间:2021-05-24 10:35:11 阅读:134 作者:小新 栏目:web开发
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

这篇文章主要介绍了计算机网络页面中如何解决type=file文件修改表单名称不能正常回显的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

计算机网络页面中如何解决type=file文件修改表单名称不能正常回显的问题

easyui 框架下   代码如下:

css:

.file_box{
float: right;
width1035px;
border1px solid #999;
height32px;
line-height35px;
padding-left10px;
margin-right25px;
}
.file{
float: right;
outline: none;
border:none;
background#67BEF4;
border-radius4px;
padding4px 12px;
cursor:pointer;
color#fff;
font-size:18px;
line-height20px;
vertical-align: middle;
margin2px;
}

html 页面:

<div class="file_box">
<button type="button" class="file" id="select_file" onclick="file1.click();" > 选择附件</button>
<input type="file" id="file1" name="PXXA_APPENDIX" style="width:250px;display: none;" onchange="setfile_tmp()";>
<input type="text" id="file2" readonly="readonly" th:value="${map.PXXA_APPENDIX}" onclick="file1.click(); ">
</div>

js脚本:

function setfile_tmp(){

var file11 = $("#file1")[0].value;
var arrays1 = file11.split("\\");
var name1 = arrays1[arrays1.length-1];
name1=name1.toLowerCase();
$("#file2")[0].value=name1;
}

感谢你能够认真阅读完这篇文章,希望小编分享的“计算机网络页面中如何解决type=file文件修改表单名称不能正常回显的问题”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

原文链接:https://www.jb51.net/css/720749.html

AI

开发者交流群×