您的位置:首页 > 数据库

图片以byte[]上传到数据库blog字段

2016-01-05 14:12 351 查看
 HTML部分代码

<form  class="form-horizontal" id="submit_form" enctype="multipart/form-data" action="${base}/merchant/updateMercLogo.json" method="post">

<label for="uploadFile"  class="control-label">图片选择</label>
<input type="file" id="uploadFile" name="uploadFile" accept='image/*'>

<label class="control-label">图片预览</label>
<div id="img">
<span id="info"></span>
<img id="filePreview"  src="" style="width:500px;height:60px">
</div>
</form>


js部分代码

//上传图片前预览图片
$("#uploadFile").on("change",function(){
    if (typeof File === 'undefined' || typeof FileReader === 'undefined') {
        //IE9 IE8 图片预览
        this.select();
        this.blur();
        var imgSrc = document.selection.createRange().text;
        var previewElem=document.getElementById("filePreview");
        try{
        //$("#logoPreview").attr("src","");//移除以前图片预览
        $("#info").text("");
        previewElem.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
        previewElem.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
        }catch(e){
        $("#info").text("您上传的图片格式不正确,请重新选择!");//TODO 无效果待解决
        return false;
        }
        document.selection.empty();
    } else{
        //现主流浏览器 图片预览
        var file = this.files[0];
        var reg=/(?:image\/\w+)/;
        if(!reg.test(file.type)){
            $("#info").text("您选择的文件不是图片,请重新选择!");
            return;
        }
        var reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function(e){
            $("#filePreview").attr("src",this.result);//读取成功把图片回显到页面
        }
    }
});


java部分相关代码(上传到数据库

@RequestMapping(value = "/uploadFile", method = RequestMethod.POST)//SpringMvc
public String uploadFile(@RequestParam(value="uploadFile") MultipartFile mulFile,ModelMap modelMap){
Image image=new Image();//图片辅助处理类(m
4000
ybatis框架使用)(两个属性 int id,byte[] fileBytes)(
byte[] fileByte = mulFile.getBytes();//使用MultipartFile接口的getBytes()将File文件转换为byte
image.setFileBytes(fileByte);
IUploadService uploadService = new UploadServiceImpl();
uploadService.addFile(image);
return RESULT_VIEW_DETAIL;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息