图片以byte[]上传到数据库blog字段
2016-01-05 14:12
351 查看
HTML部分代码
js部分代码
java部分相关代码(上传到数据库
<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; }
相关文章推荐
- Android之获取手机上的图片和视频缩略图thumbnails
- 数据库链接字符串查询网站
- DB2实例管理
- DB2实例管理
- 保障MySQL数据安全的14个最佳方法
- mysql问答汇集
- 创建一个空的IBM DB2 ECO数据库的方法
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- Access 2000 数据库 80 万记录通用快速分页类
- 开通一个数据库失败的原因的和解决办法
- 一个简单的asp数据库操作类
- CentOS下DB2数据库安装过程详解
- EasyASP v1.5发布(包含数据库操作类,原clsDbCtrl.asp)第1/2页
- sql2008 还原数据库解决方案
- Oracle 数据库自动存储管理-安装配置
- Oracle数据库执行脚本常用命令小结
- Oracle 数据库 临时数据的处理方法
- 数据库分页查询语句数据库查询