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

Posted 2020-10-23 cat糯米团

简单记录一下

效果图：

代码：

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  }