<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>纯前端实现图片上传本地预览</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="localimgpreview.js"></script>
</head>
<body>
<div id="previewTag">
<img src="http://52hdp.com/img/preview.jpg"/>
</div>
<input type="file" id="imgInput"/>
</body>
<script type="text/javascript">
(function($){
$(function(){
$.localImgPreview({
"inputElem": "#imgInput",
"previewElem": "#previewTag",
"width": 310,
"height": 310,
"defaultImg": "http://52hdp.com/img/preview.jpg",
"error": function(){
alert('图片格式常，请检查！');
}
});
});
})(jQuery);
</script>
</html>