码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-02-07 14:53:55      阅读:377      评论:0      收藏:0      [点我收藏+]

标签:load   java   change   value   自定义   com   filename   col   amp   

简单记录一下

效果图:

技术分享图片

技术分享图片

代码:

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  }

 

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

标签:load   java   change   value   自定义   com   filename   col   amp   

原文地址:https://www.cnblogs.com/lstory/p/8425959.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!