前端接收数据流实现图片预览效果--ajax 请求二进制流图片文件 XMLHttpRequest 请求并处理二进制流数据之最佳实践

转载 2020-03-13 Veddy Ajax 211

写在前面：从提出需求到完美的解决问题，实现过程是曲折的。需求：在前（web client）后（Restful Service）端完全解耦的模式框架下，webclient需要请求 Service 返回的图片文件（二进制流），并在client端显示。第一步思考：拿到此需求，基于程序员的狂妄心里，思考到显示图片而已，jquery ajax直接get请求将返回data 赋值给img标签的src属性即可嘛，so easy~ 不知天高地后的小子开始码代码，经过几分钟给出了以下的代码，并自信满满的准备测试。 //$.ajax({// method: "GET”,// url: serverUrlBase + "/server/images/" + mapid + "/files/png”,//跨域，请求会返回流文件 png图片// beforeSend: function (xhr) {// xhr.setRequestHeader("client_type”, "DESKTOP_WEB”...

Maven POST请求 SpringBoot Java 请求数据大小 UUID layui 前端图片合并 js JavaScript localStorage 404 Css Html 鼠标指针 Https Linux GZIP Seo xml sitemap echarts 页面美化 Ajax 跨域注解 api 高德 CentOS OCR 环信 ElasticSearch SqlServer Axios 高德地图地理围栏 Vue ElementUI Http MySQL Bootstrap MultipartFile IDEA JRebel Solr Html2Image SDK Aes Shiro 漏洞修复 JavaFX Nginx