专业编程基础技术教程

网站首页 > 基础教程 正文

选择需要上传的文件后,自动将主文件名填充到其他文本框

ccvgpt 2024-08-28 13:46:07 基础教程 79 ℃

利用Jquery实现此功能,主要代码如下:

currentTarget:获取到的是绑定事件的对象e.currentTarget.files 是一个数组,如果支持多个文件,则需要遍历

选择需要上传的文件后,自动将主文件名填充到其他文本框

文件全名fileFullName,主文件名fileMasterName

<script>
 $("#up_file").change(function(e){    
   var fileMsg = e.currentTarget.files;
   var fileFullName = fileMsg[0].name;
   var fileMasterName=fileFullName.substr(0,fileFullName.lastIndexOf("."));
   $("#xm").val(fileMasterName)
})  
</script>

HTML的主要代码(注意:id的值):

1.上传文件:

<input type="file" id="up_file">

2.文本框:

<input type="text" name="fullname" id="xm" lay-verify="required" placeholder="" autocomplete="off" class="layui-input">

Tags:

最近发表
标签列表