js点击上传图片后直接显示在内容框中

当用户点击 img  标签时弹出选择框，选择完图片点击确定会将图片替换到该img标签里以便于提交表单

   <img id="picture" style="width:102px;height:126px;" onclick="selectFile();" title="点击上传">
   <input id="image" name="image" type="file" style="display:none" class="img_upload_file">

function selectFile(){
    $("#image").trigger("click");
}
$(".img_upload_file").change(function() {
    var file = this.files[0];
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function(e) {
        $("#picture").attr("src", this.result);
    };
});