前台处理后台传递的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, 
	      }
	},
}