如何修改input文件上传 file的提示文字

在我们使用input的文件上传时，有一个默认的文件上传提示文字，一般我们都需要修改他，通常的是使用第三方插件实现

那么下面有个小技巧也可以实现，最终实现的效果图如下面所示

我们可以用三个input来实现

第一个input是一个按钮

第二个input是一个普通的文本框

第三个input是上传文本框

第三个文本框是隐藏的，而第二个文本框我设置了只读

具体实现思路是，当点击按钮时，触发文件上传，当文件上传触发文本框值改变事件，代码如下

<input id='showFileName' type='text' readonly />&nbsp;&nbsp;
<input type='button' value='导入'  onClick='javascript:$("#hiddenFile").click();'/>
<input id='hiddenFile' type='file' style="display:none" onchange='ophiddenFile();' />

//js代码如下
function ophiddenFile(){
    var dd = $("#hiddenFile").val().split("\\");
    $("#showFileName").val(dd[dd.length-1]);
}

以上为简单代码，大家可以测试哦