获取文件名并赋值给文本框的解法

 1 <script type="text/javascript">
 2         function change(src){
 3             var str = src;
 4             var fileName = document.getElementById("fileName").value;
 5             if(str != ""){
 6             var arr=str.split(‘\\‘);    //通过特殊字符分割字符串成数组
 7             var my=arr[arr.length-1];   //获取文件名称
 8             document.getElementById("fileName").value = my;   //把文件名赋值给另一个文本框
 9             //fileName = my;  不知道为什么这样就实现不了?
10             }
11         }
12 </script>
13 <body>
14         <input type="text"  placeholder="文件名" id="fileName"/>
15         <input type="file" id="file" onchange="change(this.value)"/>
16 </body>

通过获取input[type=file]的值是文件的路径,如C:\xxx\xxx\sd.jpg。可以通过split()分割成数组,因为‘\‘在java里是转译字符,所以可以用‘\\‘代替。  

时间: 2024-08-25 09:57:47

获取文件名并赋值给文本框的解法的相关文章

表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

单选按钮:<input type="radio"> 多行文本框:<textarea rows="5" cols="30"></textarea> 下拉菜单:seclet option <select name="home" ><!--下拉列表--> <option value="北 京">北 京</option> <o

jquery复选框赋值多选赋值给文本框

网上找到的源代码,分享给大家 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值</title><base target="_blank" /> <meta http-equiv="Content-Type" content=&

JS 通过选择百度地图地址获取经纬度自动填充到文本框中的方法

首先要注册百度地图API. 1.登录百度地图开放平台http://lbsyun.baidu.com 注册账号,完善信息,点击网站右上角的"API控制台",点击,创建应用. 应用类型选择:"浏览器端",应用服务全选,Referer白名单:* 点击提交.会生成一个访问应用(AK). AK码记下来,后面页面中要用它来引出百度地图. 2.创建html网页.部分代码如下: <!DOCTYPE html> <html> <head> <

easyui datagrid如何获取到每行的文本框

在return '<input type="text" name="txtCount" class="inputvalue"/>'; 前加一个隐藏的input 放置选择值 id 根据row.id来设置 然后保存的时候 这样写 var rows = $("#datagrid").datagrid("getRows"); for(i in rows){ var value = $("#in

selenium Webdriver 处理 —— 通过时间控件给文本框赋值

说明:大部分程序选择时间时都是用 时间控件 直接选择一个日期然后赋值给文本框,下面举例说明 1.利用时间控件赋值给文本框具体事例如下: HTML界面: java代码: //用js将input标签的readonly去掉 String js1="var setDate=document.getElementById(\"publishTime\");setDate.removeAttribute('readonly');";//定义一个js exeJS(dr, js1)

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtbox2").value=document.getElementById("txtbox").value; //获取文本框1的值,并赋值给文本框2}</script> <table width="500" border="0"

jQuery中提交按钮的灰色与恢复,文本框赋值

1.按钮的id为btnzhuce ==> 控制按钮为禁用: $("#btnzhuce").attr({"disabled":"disabled"}); ==>控制按钮为可用 $("#btnzhuce").removeAttr("disabled");//将按钮可用 2.文本框赋值 jquery 文本框赋值是利用了id来取,然后利用了val来设置对应文本输入框的值哦,还就是jquery定义增加cs

jquery选中将select下拉框中一项后赋值给text文本框

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框 解决方法. select下拉框设置第一项做一个无用的占位option <script type="text/javascript">     function changeSelect(obj) {         var _this = obj;  

判断文本框是否为空

在窗体上往往有很多文本框需要输入信息,一些下拉框需要选择,对于这些信息的输入,我们总是需要判断输入的是否为空,以前,总是一个一个的判断,这样太繁琐,也可能会丢掉其中的一个两个的.现在就让我们轻松解决判断文本框是否为空吧. <span style="font-size:18px;">''' <summary> ''' 用来判断文本框和下拉框是否为空 ''' </summary> ''' <remarks></remarks> M