本文说的是把图片上传到数据库中的Blob类型,从数据库中取出来并显示的问题。框架是基于spring和mybatis的
前端预览:
看后台上传的代码,之前貌似用过了,反正就为了方便吧
-
-
<<html>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<SCRIPT LANGUAGE="JavaScript">
-
<!--
-
function setImagePreview(docObj,localImagId,imgObjPreview)
-
{
-
-
var name=docObj.value;
-
var type=name.split( ".");
-
type=type[type.length -1];
-
if( "jpg"!=type && "png"!=type && "jpeg"!=type&& "gif"!=type){
-
alert( "错误的类型,请选择图片");
-
document.getElementById( "txtSrc").value= null; //防止将非图片类型上传
-
return ;
-
}
-
-
if(docObj.files && docObj.files[ 0])
-
{
-
-
//alert("hello"+docObj.files[0]);
-
//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
-
document.getElementById( "imgDiv").style.display= "block";
-
document.getElementById( "img").src= window.URL.createObjectURL(docObj.files[ 0]);
-
}
-
else
-
{
-
//IE下,使用滤镜
-
docObj.select();
-
var imgSrc = document.selection.createRange().text;
-
-
//必须设置初始大小
-
localImagId.style.width = "300px";
-
localImagId.style.height = "200px";
-
-
//图片异常的捕捉,防止用户修改后缀来伪造图片
-
try
-
{
-
localImagId.style.filter= "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
-
localImagId.filters.item( "DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
-
}
-
catch(e)
-
{
-
alert( "您上传的图片格式不正确,请重新选择!");
-
return false;
-
}
-
imgObjPreview.style.display = 'none';
-
document.selection.empty();
-
}
-
return true;
-
}
-
//-->
-
</SCript>
-
<body>
-
<h2>Hello World! </h2>
-
<div style="display:none" align="center" id="imgDiv">
-
<img alt="" src="" id="img" name="图片预览" width="200" height="200" id="图片预览">
-
</div>
-
<form action="upImage" method="post" enctype="multipart/form-data" name="form1">
-
<input name="imgA" type="file" id="txtSrc" onChange="setImagePreview(this,imgDiv,img);">
-
<input type="submit" name="submit" value="上传">
-
</form>
-
</body>
-
</html>
看后台上传的代码,之前貌似用过了,反正就为了方便吧