自定义input文件上传 file的提示文字及样式

简单记录一下

效果图:

代码:

1 <input class="aload" type='button' value='上传附件' onClick='javascript:$("#hiddenFile").click();' />
2 <input id='showFileName' type='text' readonly style="border: none;"/>&nbsp;&nbsp;
3 <input id='hiddenFile' type='file' style="display:none" onchange='ophiddenFile();' />

js code:

1 function ophiddenFile() {
2    var dd = $("#hiddenFile").val().split("\\");
3     $("#showFileName").val(dd[dd.length - 1]);
4  }

 

posted @ 2018-02-07 11:57  cat糯米团  阅读(9349)  评论(0编辑  收藏  举报