本文主要介绍了mysql+ssm+ajaxmysqlmysql问题。具有很好的参考价值。下面跟着小编一起来看下吧
第一次写上传图片的代码，碰到很多问题。昨天做了整整一天，终于在晚上的时候成功了。大声欢呼。
但是，做完之后，还是有很多问题想不通。所以在这里也算是写个笔记，日后忘记了可以回顾，也算请教各路朋友。（^_^）
Q.1. 网上说Ajax不能上传文件，但是这个说法并不是很多，也还是有蛮多通过Ajax上传文件的分享。
我也没有通过Ajax做出来，最后是通过AjaxSubmit这个方法写的。
Q.2. AjaxSubmit这个方法对mysql的大小有默认限制吧。我选择大于100KB的文件上传就不能成功，小于100KB的就可以成功。
上传大于100KB的时候，浏览器console返回下面的提示。说明他还是执行了ajaxSubmit的success方法，并返回textStatus的值为success，但是mysqlHttpRequest, 和 errorThrown的responmysqlext返回的HTML代码内容是我在spring-web.xml配置的mysqlmysql网页。
function postImg(){ if ($.trim($("#imgFile").val()) == "") { alert("请选择图片！"); return; } console.log($("#imgFile")[0].files[0].size);//小于100*1024，下面的请求就可以成功 var option = { url : '/cloudnote/user/insertUserPhoto.do', type : 'POST', // dataType : 'json', headers : {"ClientCallMode" : "ajax"}, //添加请求头部 success : function(XMLHttpRequest, textStatus, errorThrown){ console.log(XMLHttpRequest); console.log(textStatus); console.log(errorThrown); console.log("前端输出上传成功"); $("#imgClose").click(); }, error: function(XMLHttpRequest, textStatus, errorThrown) { console.log(XMLHttpRequest); console.log(textStatus); console.log(errorThrown); console.log("前端输出上传失败"); } }; $("#imgForm").ajaxSubmit(option); return false; }
前端mysql：
下面是后台的java代码（Controller）
//更新用户头像 @RequestMapping(value="/insertUserPhoto.do",method = RequestMethod.POST) public void insertUserPhoto( HttpServletRequest req, HttpServletResponse res){ System.out.println("----- 插入图片 -------"); try{ String id = req.getParameter("userId"); System.out.println(id); MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) req; MultipartFile file = multipartRequest.getFile("imgFile"); byte[] photo = file.getBytes(); boolean result = serv.insertUserPhoto(id, photo); res.setContentType("text/html;charset=utf8"); res.getWriter().write("result:" + result); }catch(Exception e){ e.printStackTrace(); } System.out.println("----- 插入图片end -------"); } /** * 读取用户头像 * @param req * @param res */ @RequestMapping(value="/readPhoto.do", method=RequestMethod.GET) public void readPhoto(HttpServletRequest req, HttpServletResponse res){ System.out.println("------readPohto-----"); String id = Utils.getSessionUserId(req); try { User user = serv.selectUserPhoto(id); res.setContentType("image/jpeg"); res.setCharacterEncoding("utf-8"); OutputStream outputStream = res.getOutputStream(); InputStream in = new ByteArrayInputStream(user.getPhoto()); int len = 0; byte[] buf = new byte[1024]; while((len = in.read(buf,0,1024)) != -1){ outputStream.write(buf, 0, len); } outputStream.close(); } catch (IOException e) { e.printStackTrace(); } System.out.println("-----readPohto end-----"); return; }
Service实现类
//查找用户图片（头像） public User selectUserPhoto(String id) throws ImageException { User user = userDao.findUserById(id); if(user == null){ throw new UserNameException("用户名不存在!"); } Map<string> data = userDao.selectUserPhoto(id); System.out.println(data); user.setPhoto((byte[]) data.get("photo")); return user; } //更新用户图片（头像） public boolean insertUserPhoto(String userId, byte[] photo) throws ImageException, UserNameException { if(userId == null || userId.trim().isEmpty()){ throw new UserNameException("用户id不存在"); } User user = userDao.findUserById(userId); if(user == null){ throw new UserNameException("用户不存在"); } user.setPhoto(photo); int n = userDao.updateUserPhoto(user); System.out.println("插入图片：" + n); return n==1?true:false; }</string>
实体类User的photo 是 byte[] 类型的；
数据库的photo是 longblob：
mapper映射器：
<!-- 更新图片 --> <update> UPDATE user set id = #{id}, photo = #{photo,jdbcType=BLOB} <!-- 这里试了，如果不加jdbcType=BLOB 会出错，虽然不是很理解，但也照做了 --> WHERE id = #{id} </update> <!-- 获取图片 --> <select> SELECT id as id, photo as photo from user WHERE id=#{id} </select>
Spring-web.xml配置
<!-- 文件上传表单的视图解析器 --> <bean> <property><value>100000</value></property> <property><value>UTF-8</value></property> </bean>
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
