网上查了很多办法都没有实现异步上传,使用HTML5的FormData对象可以使用ajax异步上传图片。那么问题来了,发给了后端怎么接收和解析呢?
尝试了很多方法,最后通过发现可以使用request的输入流【InputStream in=request.getInputStream();】获得发送的图片字节码。但是当我读取这个流时,读取后保存的图片字节码里会多出一些文字的字节码,导致图片无法正常识别。如图所示。
/
/
/
/
通过FormData发送的图片编码开头多了4列,这4列编码记录了该图片的一些信息,测试上传不同的图片这些编码长度不一样,但是都是4列(如果FormData对象还添加了其他属性,会在图片编码的末尾显示,我这里没有添加其他的属性),可以看到从绿色箭头开始的部分都是相同。通过删除这4列编码后图片也确实能正常显示。