1、html 代码：

<div class="file-box">
<form action="upload.class.php" id="form_id" method="post" enctype="multipart/form-data" >
<input type="file" name="imagename" id="imagename" onblur="getimage(this)" />
<input type="button" class="btn" value="http://www.mamicode.com/上传" onclick="form_register();" />
</form>
<img id="img_id" />
</div>

2、js代码

function getimage(obj)
{　
　　var pic = obj.files[0];
　　var freader = new FileReader();
　　freader.readAsDataURL(pic);
　　freader.onload = function(e) {
　　document.getElementById(‘img_id‘).attr("src",e.target.result);
　　}

}

6.上传前图片预览