javascript - 如何将默认图像放入 img

Question

如果用户没有在他的帐户上选择个人资料图片，我想做的是为 img 标签创建一个默认图像。

当前输出:http://jsfiddle.net/LvsYc/2973/

http://s38.photobucket.com/user/eloginko/media/profile_male_large_zpseedb2954.jpg.html

脚本:

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

Answer 1

Here's显示评论中提到的内容的 fiddle :

HTML

<form id="form1" runat="server">
    <input type='file' id="imgInp" />
    <div class="img">
        <img id="blah" src="#" alt="your image" />
    </div>
</form>

CSS

img {
    width: 120px;
    height: 120px;
}
img[src="#"] {
    display: none;
}
.img {
    background: url('http://i38.photobucket.com/albums/e149/eloginko/profile_male_large_zpseedb2954.jpg');
    background-position: -20px -10px;
    width: 120px;
    height: 120px;
    display: inline-block;
}

javascript 是一样的。