前台处理后台传递的BufferedImage 并预览

旧城等待， 2022-01-31 11:21 366阅读 0赞

### 前台处理后台传递的BufferedImage 并预览 ###

后台处理

@ResponseBody
    @RequestMapping("/look")
    public void look(HttpServletResponse response)throws IOException{ 
    	//基础信息
    	BufferedImage image = null;
    	//以JPEG格式向客户端发送
    	ServletOutputStream  os = response.getOutputStream();
    	ImageIO.write(image, "PNG",os);
    	os.flush();
    	os.close();
    }

前台处理

// 发送请求
    export function look(content,name) { 
      return request({ 
        url: '/seal/look',
        method: 'post',
        responseType: 'arraybuffer',//注意:必须加返回类型,否则图片不显示
        params: { 
          content:content,
          name:name
        }
      })
    }
    //数据处理
    look(this.ruleForm.content,this.ruleForm.name).then((response) => { 
       let bytes = new Uint8Array(response.data);
       let data = "";
       let len = bytes.byteLength;
       for (let i = 0; i < len; i++) { 
         data += String.fromCharCode(bytes[i]);
       }
       this.home_url = "data:image/png;base64," + window.btoa(data);
     })  
    
    //页面
    <el-form-item label="内容">
              <el-input v-on:input ="look"/>
    </el-form-item>
    
    import home from '@/assets/seal/seal.png'
    
    export default { 
        name: 'ComplexTable',
    	data() { 
    	      return { 
    	        home_url: home, 
    	      }
    	},
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，366人围观）

还没有评论，来说两句吧...

相关阅读

相关前台页面ajax传递过来数组后台springmvc接收方式

直接上代码吧 var arr = new Array(); $.ajax(\{ type:'POST', url:'/article/delArray',

Myth丶恋晨/ 2024年02月19日 18:11/ 0 赞/ 43 阅读

相关 SpringMVC前台往后台传递参数的方式

1.使用原始的方式,通过请求对象来获取参数 @RequestMapping("/login") public void login(HttpServl

川长思鸟来/ 2023年06月30日 01:52/ 0 赞/ 43 阅读

相关 vue word预览，excel预览，pdf预览

一、word预览–mammoth.js 安装：`npm install --save mammoth` tip：只能预览.docx文件 word.vue:

淩亂°似流年/ 2022年11月15日 11:13/ 0 赞/ 672 阅读

相关上转图片并预览

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

淩亂°似流年/ 2022年06月07日 10:12/ 0 赞/ 283 阅读

相关 casServerMd5加密（前台/后台）

一、登陆界面使用Md5进行加密：（1）在casLoginView.jsp界面引入jquery脚本和MD5加密脚本； <script type="text/javascri

野性酷女/ 2022年06月06日 10:08/ 0 赞/ 369 阅读

相关从前台传递多个对象给后台MVC接收，传递数组给后台

1.前台 ps：我传递的是多个form表单里面的内容，首先循环这几个相同属性的form，把里面的内容都序列化转对象。然后添加到数组里面，然后转成json字符串传递给后台。

以你之姓@/ 2022年05月28日 02:43/ 0 赞/ 189 阅读

相关前台处理后台传递的BufferedImage 并预览

前台处理后台传递的BufferedImage 并预览后台处理 @ResponseBody @RequestMapping("/look")

旧城等待，/ 2022年01月31日 11:21/ 0 赞/ 367 阅读

相关前台获取后台datatable

方法一：前台代码： ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 代码 < div > <% fo

﹏ヽ暗。殇╰゛Y/ 2021年12月20日 08:04/ 0 赞/ 296 阅读

相关上传图片并预览

HTML： <input accept="image/" name=" fileImage" type="file" onchange="upload"> <

Myth丶恋晨/ 2021年11月23日 10:16/ 0 赞/ 785 阅读

相关前台传递数组后台解析处理

根据前台传递的数组ID查询出对应的数据 1.前台传递数组 > ... > if(result != ""&&result != null&&result

约定不等于承诺〃/ 2021年11月05日 07:18/ 0 赞/ 365 阅读