java存储H5上传的图片

最近的业务需要配合前端提供一个上传图片的接口，前端是一个Html5的页面，使用的上传方式和原有上传方式不太一样，因此特别记录一下。

第一种，页面使用表单提交，后台使用commons-fileupload.jar来接收。

其实这种方法就是传统的表单提交方式，前端页面如下：

<form id="form" action="http://localhost:8080/emission/SaveImage" method="post" enctype="multipart/form-data">
    <input class="m_camera" type="file" accept="image/*" name="file_img" capture="camera" id="cameraInput" >
    <input type="hidden" value="123455788" name="orderid" />
    <input type="hidden" value="" name="hidden" id="j_thumb" />
    <!--  input type="submit" value="submit" name="sbt" id="sbt" -->
</form>

JS中获得图片压缩一下，然后放到表单中传过来，其实这个东西本来是个很简单的业务，但由于其中的两行JS代码的误会，导致这个东西搞了很久，这两行代码时这样的

var r = i.toDataURL("image/jpeg", .8);
document.getElementById("j_thumb").value = r.substr(22)

看起来是给”j_thumb“这个input赋值，然后提交到页面，实际上并不是这样的。当我在后台使用commons-fileupload插件解析requ