用图片代替美化上传按钮

HTML

      <input type="file" id="file" name="file" style="display:none;" />
      <img id="avatarImg" src="images/banner.png">

JS

$("#avatarImg").click(function(){
    return $("#file").click();
});
$("#avatar").on("change","#file",function(){
    AddDURU(getObjectURL(this.files[0]));

});

function getObjectURL(file) {
        var url = null;
        if (window.createObjectURL != undefined) {
            url = window.createObjectURL(file)
        } else if (window.URL != undefined) {
            url = window.URL.createObjectURL(file)
        } else if (window.webkitURL != undefined) {
            url = window.webkitURL.createObjectURL(file)
        }
        return url
    };
function AddDURU(src){
    $("#avatarImg").attr("src",""+src+"");
}