想做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。
于是乎转换思路，将图片路径传到后台，从后台读取访问图片转换为数据流，解决了这个问题。
访问的时候要区分处理本地图片和互联网图片的方法是不一样的。
处理部分代码。
/**
* 根据地址获得数据的字节流
*@paramstrUrl
*@return
*/
publicstaticbyte[] getImageFromNetByUrl(String strUrl){
try{
URL url =newURL(strUrl);
HttpURLConnection conn = (HttpURLConnection)url.openConnection();
conn.setRequestMethod("GET");
conn.setConnectTimeout(5 * 1000);
InputStream inStream = conn.getInputStream();//通过输入流获取图片数据
byte[] btImg =readInputStream(inStream);//得到图片的二进制数据
returnbtImg;
}catch(Exception e) {
e.printStackTrace();
}
returnnull;
}
/**
* 从输入流中获取数据
*@paraminStream
*@return
*@throwsException
*/
publicstaticbyte[] readInputStream(InputStream inStream)throwsException{
ByteArrayOutputStream outStream =newByteArrayOutputStream();
byte[] buffer =newbyte[1024];
intlen = 0;
while( (len=inStream.read(buffer)) != -1 ){
outStream.write(buffer, 0, len);
}
inStream.close();
returnoutStream.toByteArray();
}
