ajax接收后台传来的图片

图片与base64的转换

图片对象转换base64

   ByteArrayOutputStream baos = new ByteArrayOutputStream();//io流ImageIO.write(png, "png", baos);//写入流中byte[] bytes = baos.toByteArray();//转换成字节BASE64Encoder encoder = new BASE64Encoder();String png_base64 =  encoder.encodeBuffer(bytes);//转换成base64串png_base64 = png_base64.replaceAll("\n", "").replaceAll("\r", "");//删除 \r\nreturn png_base64;

ajax接收后台图片
后台

/*** #获取验证码的图片* #使用点击事件获取验证码图片*/@SuppressWarnings("unused")private void checkcodeImgClick(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//点击图片按键请求DrowPictureUtils pic = DrowPictureUtils.getDrawPicUtils();pic.set(65, 37);String checkCode = pic.generateCheckCode();//获取随机验证码BufferedImage image = pic.generateCheckImage(checkCode);req.getSession().setAttribute("checkcode", checkCode);//session需要记录该验证码//点击其他按键请求ByteArrayOutputStream baos = new ByteArrayOutputStream();//io流ImageIO.write(image, "png", baos);//写入流中byte[] bytes = baos.toByteArray();//转换成字节BASE64Encoder encoder = new BASE64Encoder();String png_base64 =  encoder.encodeBuffer(bytes);//转换成base64串png_base64 = png_base64.replaceAll("\n", "").replaceAll("\r", "");//删除 \r\nresp.getWriter().write(png_base64);}

前台

 /*** 申请更新验证码* 该请求不需要有任何参数*/$("#checkcodeImg").click(function() {$.ajax({type: "post",url: "./checkcodeImgClick.reg",dataType: "text",success: function(img, status){alert(img);$("#checkImg").attr("src","data:image/png;base64,"+img);},error:function(data){alert('响应失败！');},});});

ajax接收后台传来的图片相关推荐

[js] ajax如何接收后台传来的图片？
[js] ajax如何接收后台传来的图片? 1.设置responseType为 Blob,2.将Blob保存为文件个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎 ...
接收后台传的图片验证码
接收后台传的图片验证码需要在接口里加 responseType: 'arraybuffer' let url=window.URL.createObjectURL (new Blob([res.da ...
用ajax接收后台数据里的具体数据,ajax动态接收后台向后台传输数据以及接收数据...
aj用,事少来最差端在事路原们这制码效移,动ax部分,接收后台发送的数据,要按照json格式将数据朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上屏屏拼接好 unction save() ...
后台接收前台传来的图片并保存在本地
贴代码 @RequestMapping(value = "/upload", method = RequestMethod.POST)@ResponseBodypublic Str ...
【看板】ajax动态获取后台传来json数据，加载到页面表格中
ajax动态获取后台传来json数据,加载到页面表格中摘要 1.WebApi 2.看板HTML 3.ajax获取后台传来的数据:在这里要注意声明提升,所以需要在for循环外var str1 = &q ...
ajax传图片以及后台接收,前端ajax上传文件，图片，后端nodejs接收文件；
前端ajax上传文件,图片,后端nodejs接收文件: 学习了nodejs,就想实现一下有进度条的文件上传,html 在作这个功能的时候遇到的问题前端用普通的ajax没法实现文件上传,只能post, ...
Ajax接收并显示后台传来的list集合内的数据信息
最近在学习Ajax做一个留言系统的时候碰到需要将list集合从后台传到前台ajax接收并显示的情况,在网上搜了很多,但很多情况都不是和我遇见的情况一样的,现在,直接贴出我的问题及解决方法. 后台代码: ...
Ajax接收并展示后台传来的list集合内的数据信息
后台是springMVC,将查询的集合replies放进map,返回到前台. @RequestMapping("manage/queryTime")@ResponseBodypub ...
Jsp页面接收解析后台传来的链表和对象
最近写的前端页面用到了和后台的数据交互,后台用的是SpringMVC架构,因为之前对Ajax有些了解,所以一想到数据交互,第一反应就是Ajax,而没有想到Ajax的使用场合,完全忽略了后台使用Spri ...

ajax接收后台传来的图片

ajax接收后台传来的图片相关推荐

最新文章

热门文章