网上很多代码都实现了上传图片的功能，但是不支持图片的实时预览。以下功能实现了上传图片前的预览效果，如下。

效果如下：

代码如下：

！doctype html heartheta charset=' utf-8 ' title jquery可以在上传图片前预览效果/title script src=' http :http://libs . Baidu.com/jquery/1 . 11 . 3/jquery . min . js '/script style/style/headsdyinputtid=' file '；=' onchange=' c()' type=' file ' brimg src=' http : ' id=' show ' width=' 200 ' script function c(){ var r=new FileReader()；f=document . getelementbyid(' file ')。文件[0]；r . ReadAsDataURl(f)；r . onload=function(e){ document . getelementbyid(' show ')。src=this.result};}/脚本/正文/html以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。