6.上传前图片预览
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了6.上传前图片预览相关的知识,希望对你有一定的参考价值。
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="上传" 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.上传前图片预览的主要内容,如果未能解决你的问题,请参考以下文章