从本地计算机上的文件浏览器上载文件并将其附加到页面

Question

尝试将本地计算机中的图像文件添加到HTML页面上没有运气。

  document.getElementById("f_up").onchange = function(event) {
       // target tgets the element value that triggered this event
       var img = event.target
       console.log("This is the img")
       console.log(img)
       $('<li class="replies"><img src="{{ img }}"></li>').appendTo($('.messages ul'));
       $('.message-input input').val(null);

  <input type="file" id="f_up" style="display: none" accept="image/*">

我希望图像显示在屏幕上。控制台日志是

<input id="f_up" type="file" style="display: none" accept="image/*">

这很奇怪，因为event.target应该已经获得了图像文件。...