按钮替换上传附件样式

HTML:

<button type="button" id="upload-btn" class="btn btn-default">上传简历</button>
<span id="flie-name"></span>
<input id="upload-file" name="planFile" type="file" style="display: none">

JS:

/*触发方法*/
uploadFile($("#upload-btn"),$("#flie-name"),$("#upload-file"));

/*封装的方法*/
function uploadFile(btn,name,file) {
    btn.click(function(){
        file.click();
    });
    file.change(function () {
        var s = file.val();
        s = s.toString().split("\\");
        name.text(s[s.length-1]);
    });
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容