自定義input文件上傳 file的提示文字及樣式

簡單記錄一下

效果圖：

代碼：

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

js code:

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