Javascript 如何读取我的图像的url？

我试图在我的脚本中将src设置为动态追加图像，用户首先浏览他的图像并在文本字段中输入他的名字，然后单击add按钮，然后动态追加一个表行

在这一点上，我想显示图像。我的剧本有错误吗

$（文档）.ready（函数（）{
$（'#addbtn'）。单击（函数（）{
var val=$.trim（$（'#txt val'）.val（））；
var some=$（'#imagefile'）.val（）；
如果（val！=''）{
//$（'#imagepath'）.attr（'src'，'+some+'）；
$（“imagefile”）.change（函数（）{
readURL（“#imagefile”）；
});
$（'#newval'）。附加（''+val+''）；
$（“#列表待定”）。追加（“”+“”+val+“”+“”+“”+“”+val+“”）；
}
$（'#txt val'）.val（''）；
});
函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（“#图像路径”）
.attr（'src'，e.target.result）
.宽度（150）
.身高（200）；
};
reader.readAsDataURL（input.files[0]）；
}
}
});
.dynamictbl{
宽度：100%；
高度：自动；
}
桌子
tr，
运输署{
边框：1px实心#dddddd；
边界塌陷：塌陷；
}

添加
条目索引
用户名
将readURL（）函数置于jquery ready函数之外
不能从click事件访问readURL函数，因此应将其移动到可访问状态。
另外，readURL（）应该在向DOM添加元素后调用，而不是在“onChange”事件中调用

window.readURL=函数（id）{
var输入=$（'#imagefile'）[0]；
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#'+id）
.attr（'src'，e.target.result）
.宽度（150）
.身高（200）；
};
reader.readAsDataURL（input.files[0]）；
}
};
$（文档）.ready（函数（）{
var行=0；
$（'#addbtn'）。单击（函数（）{
var val=$.trim（$（'#txt val'）.val（））；
var some=$（'#imagefile'）.val（）；
如果（val！=''）{
变量id='imagepath'+（++行）；
$（'#newval'）。附加（''+val+''）；
$（“#列表待定”）。追加（“”+“”+val+“”+“”+“”+“”+val+“”）；
readURL（id）；
}
$（'#txt val'）.val（''）；
});
});

工作样本：
它不起作用我看到一个错误：change$（“imagefile”）.change（function（）{to$（“#imagefile”）.change（function（）{希望这对您有所帮助只是一个提示：改用
window.readURL = function(id) {
    var input = $('#imagefile')[0];
    if (input.files && input.files[0]) {
    var reader = new FileReader();
  reader.onload = function(e) {

    $('#'+id)
      .attr('src', e.target.result)
      .width(150)
      .height(200);
  };
    reader.readAsDataURL(input.files[0]);
  }
};

 $(document).ready(function() {
  var rows = 0;
   $('#addbtn').click(function() {
  var val = $.trim($('#txt-val').val());
  var some = $('#imagefile').val();
  if (val != '') {

    var id = 'imagepath' + (++rows);

    $('#newval').append('<option>' + val + '</option>');
    $('#list-tbl').append('<tr height=\"50\">' + '<td>' + val + '<img id=\"' + id + '\" src="#" style="width:50px; height:50px;"/>' + '</td>' + '<td>' + val + '</td>' + '</tr>');
    readURL(id);

  }
    $('#txt-val').val('');
   });

 });