Ajax不能提交附件的原因以及解决方法

一、原因 Ajax是基于JavaScript的，而js出于安全考虑是不能操作文件的，所以Ajax不能直接上传附件，可以用其他变通方式实现。但是Ajax提交也是基于HTTP协议的，它也分GET和POST提交方式，可以把表单内容放到消息体中，这和Form.submit()是一样的，为什么用form.submit()就可以处理附件，而Ajax就不可以呢？用js获取内容肯定存在权限问题，js出于安全考虑是不能操作文件的。用表单的input控件来提交文件时获取客户端内容是浏览器负责的，而不是js来负责。一个是浏览器负责读取本地文件，一个是开发者写的 JS读取本地文件，出于安全考虑，后者显然没有权限。二、解决附件的上传和下载和后台交互的时候不能用ajax，一般会使用form，走form表单提交的形式和后台交互实现上传和下载，但是，直接这种form.submit()与后台交互的方式，无法取到后台传来的值（errorCode）。解决方法：使用$.post(url,data, function() {})，在function中拿到后台返回的errorCode 值，如果该值为0，再给出表单提交操作并给出前台提示信息。

【附】后台方法-附件下载

 @RequestMapping(value = "/downloadAttach.do", method = { RequestMethod.POST })
  @ResponseBody
  public void download(HttpServletRequest request, HttpServletResponse response) {
    Map<String, Object> map = new HashMap<String, Object>();
    String attachId = request.getParameter("attach_id");
    Map fileData = attachmentService.getFileById(attachId);
    if (fileData.get("errorCode").equals("0")) {
      String isTempFile = fileData.get("isTempFile").toString();
      String filePath = fileData.get("localPath").toString();
      String fileName = fileData.get("fileName").toString();
      String uploadMode = fileData.get("uploadMode").toString();

   //   if(!uploadMode.equals(FAST_DFS_MODE)){
          File file = new File(filePath);
          OutputStream out = null;
          InputStream in = null;
          try {
            out = response.getOutputStream();
            fileName = URLEncoder.encode(fileName, "UTF-8");// 转码，很重要
            // 设置文件名
            response.addHeader("Content-Disposition", "attachment;filename=" + fileName);
            response.setContentType("application/octet-stream");
            response.setCharacterEncoding("UTF-8");

            in = new FileInputStream(file);
            byte[] b = new byte[2048];
            int size = in.read(b);
            while (size != -1) {
              out.write(b, 0, size);
              size = in.read(b);
            }
            map.put("errorCode", "0");
            System.out.println(map);
          } catch (Exception e) {
            map.put("errorCode", "-1");
            map.put("errorMsg", "文件输出到客户端异常");
          } finally {
            try {
              if (null != in) {
                in.close();
              }
              if (null != out) {
                out.close();
              }
              if (isTempFile.equals("1")) {
                file.delete();//删除临时文件
              }
            } catch (IOException e) {
              map.put("errorCode", "-1");
              map.put("errorMsg", "文件流关闭异常");
            }
          }
    } else {
      map = fileData;
    }
//    return map;
  }

Seasons123 / blog-FE

Ajax不能提交附件的原因以及解决方法 #82