美文网首页
按钮替换上传附件样式

按钮替换上传附件样式

作者: Ch思磊 | 来源:发表于2017-09-15 14:07 被阅读0次

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]);
    });
}

相关文章

网友评论

      本文标题:按钮替换上传附件样式

      本文链接:https://www.haomeiwen.com/subject/yhbssxtx.html