利用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">