• Ajax上传File对象到服务器


    HTML代码:

    <input type="file" name="uploadFile" id="uploadFile">

    JavaScript:

    $("#uploadFile").on("change", function() {
      var formData = new FormData();                      // 创建一个form类型的数据
      formData.append('file','$("#uploadFile")[0].files);     // 获取上传文件的数据
      $.ajax({
        url: "/API/Face/SubmitFile",
        type: "POST",
        processData: false, // 将数据转换成对象,不对数据做处理,故 processData: false 
        contentType: false,    // 不设置数据类型
        xhrFields: {                // 这样在请求的时候会自动将浏览器中的cookie发送给后台
          withCredentials: true
        },
        data: formData,
        success: function(data) {
          console.log(data)
        },
        error: function(data) {
        }
      })
    })

     java代码

        @RequestMapping(value ="/SubmitFile",method = RequestMethod.POST)
        public JsonResult SubmitFile(HttpServletRequest request, HttpServletResponse response) {
            try {
                String faceuid=UUID.randomUUID().toString();
                MultipartHttpServletRequest filerequest=(MultipartHttpServletRequest)request;
                MultipartFile file=filerequest.getFile("file");
           //保存file并返回路径 String localfilepath
    = FileHelper.SaveMultipartFile(file, WebConfig.getUploaddir(), "face", faceuid + ".jpg"); return Json.getJsonResult(true,localfilepath); }catch(Exception ex) { return Json.getJsonResult(ex.getMessage()); } }
  • 相关阅读:
    从B树、B+树、B*树谈到R 树
    平衡二叉树、B树、B+树、B*树
    数据库事务和四种隔离级别
    python 安装surprise库解决 c++tools错误问题
    python的sorted函数
    爬虫出现gbk错误
    Windows下Python安装numpy+mkl,Scipy和statsmodels
    Flask--框架及路由
    flask常见面试题
    RE正则表达式
  • 原文地址:https://www.cnblogs.com/icyhoo/p/13320773.html
Copyright © 2020-2023  润新知