想做ocr识别,前台微信页面上传图片,对图片内容进行处理。
本来的做法是在前台用canvas将图片转换成数据流,用ajax传到后台进行识别。
前台报错:
“Access to Image at '图片路径' from origin '
*****' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '*******' is therefore not allowed access.”
百度了一下这是同源策略引起的跨域调用错误,访问的图片在微信服务器上,和本身服务器不在一个域内。canvas本身也不支持跨域。
查了一下相关的解决方法,都不能解决我的问题,包括:
1.定义图片src属性;
2.添加 image.setAttribute("crossOrigin",'Anonymous');
3.配置CORS。
于是乎转换思路,将图片路径传到后台,从后台读取访问图片转换为数据流,解决了这个问题。
访问的时候要区分处理本地图片和互联网图片的方法是不一样的。
处理部分代码。
/**
* 根据地址获得数据的字节流
* @param strUrl
* @return
*/
public