龙空技术网

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

洞悉科学 284

前言:

今天同学们对“jquery上传文件”大致比较讲究,你们都需要剖析一些“jquery上传文件”的相关资讯。那么小编在网络上收集了一些对于“jquery上传文件””的相关资讯,希望朋友们能喜欢,我们快快来了解一下吧!

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

标签: #jquery上传文件