如何使用jQuery加载和替换图像？

Question

所以我开发了一个带有教义ORM的 zend框架应用程序，在我的一个视图中，当我按下输入文件并选择一个新图像时，我想加载图像，这张照片描述了我的内容想：

这是我观点的一部分：

<li>
     <label>Url:</label>
  <div class="fileUpload btn btn-primary" onclick="load_image">
     <span>Upload New Image</span>
     <input type="file" name="url" class="upload" value="<?php echo $article->getImage()->getUrl(); ?>" required>
  </div>
  </li>
 // here i show my image
  <li style="float:right">
   <img class="img-responsive img-border img-thumbnail" src="../../../upload/<?php echo $article->getImage()->getUrl(); ?>" alt="" id="image">
  </li>

所以，如果有人知道我会非常谨慎