ajax异步表单移交实现图片的异步上传

1.最近项目中用到一个图片的异步上传的功能，试过很多的方法，如h5的 new FileReader或是 $("#file").val()[0].files[0]等，最后尝试都在ie浏览器上失败报对象为null的错误。

2.解决方法： 使用Jquery提供的form插件实现图片的异步上传

     引入jquery.form.js的文件<script type="text/javascript" src="${ctx}/js/fileUpload/js/jquery.form.js"></script> 

    function invoiceRecognition(){
        var inoiceType=$("#invoiceType").val();
        alert(contextRootPath + "/ocrInvoice/ocrInvoice_invoiceRecognition.do");
        //ajax异步提交表单
      var option = {
            url:contextRootPath + "/ocrInvoice/ocrInvoice_invoiceRecognition.do",//如果不指定url那么就使用使用提交表单的url，如果指定就使用当前的url
            type:"POST",
            dataType:"json",
            success:function(responseText){
             alert(111);
            },
            error:function(){
                alert("系统错误");
            }
       };
      $("#ocrinvoiceForm").ajaxSubmit(option);
     }