按钮替换上传附件样式

2017-09-15  本文已影响0人  Ch思磊

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]);
    });
}
上一篇 下一篇

猜你喜欢

热点阅读