如何在上传前预览图片？

Question

  

可能重复：
  Preview an image before it is uploaded

假设我有一些这样的元素：

<div id="tmp_image">
<!-- I wanna show image here -->
</div>

<input name="image" type="file">

我想要的是：当我从打开的对话框中选择一张图片时，图片将显示在“tmp_image”div中（但是在我提交表单时只会真实上传）。

我怎么能这样做？