input file 修改按钮名称

Posted 2020-09-23 左耳_fly

解决方法：

　　1)页面上放个隐藏的<input type=“file” />

　　2)然后加上一个文本input（type="text"）和一个按钮input（type="button"）

　　3)点按钮的时候调用<input type=file />的click选择文件

　　4)在<input type=file />的onchange事件中把其值显示在文本input中

　　5)注意把文本input设置成只读的，防止出错

 

　　<form name="form1">
　　　　<input type="file" name="picpath" id="picpath" style="display:none;" onChange="document.form1.path.value=this.value">
　　　　<input name="path" readonly>
　　　　　　<input type="button" value="上传照片" onclick="document.form1.picpath.click()">
　　</form>