解决 jquery.form.js和springMVC上传 MultipartFile取不到信息

前段页面：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html >

<html>

<head>

    <title>个人信息</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0;user-scalable=no" name="viewport">

    <meta content="640" name="MobileOptimized">

    <meta content="YES" name="apple-touch-fullscreen">

    <meta content="yes" name="apple-mobile-web-app-capable">

    <link href="${ROOT_PATH }content/css/staff/employee.css" type="text/css" rel="stylesheet"/>

    <link href="${ROOT_PATH }content/css/staff/font-awesome.min.css" type="text/css" rel="stylesheet"/>

       <script src="${ROOT_PATH }content/scripts/jquery-1.10.1.min.js"></script>

       <script src="${ROOT_PATH }content/scripts/jquery.form.js"></script>

       <script src="${ROOT_PATH }content/scripts/staff/staff.js"></script>

</head>

<body>

    <form action="${ROOT_PATH }Staff/index/upload" name="stafform" id="stafform" method="post">

        <c:set var="head" value="${ROOT_PATH }content/images/staff/photo.png"/>

        <c:if test="${!empty staff.imageurl.value }">

            <c:set var="head" value="${staff.imageurl.value }"/>

        </c:if>

        <c:set var="headx" value="${ROOT_PATH }content/images/staff/img1.jpg"/>

        <c:if test="${!empty staff.imageurlb.value }">

            <c:set var="headx" value="${staff.imageurlb.value }"/>

        </c:if>

        <div class="avatar"><a class="photo" href="#"><img id="imghead" src="${head}"/><input id="imagev" name="image" onchange="previewImage(this)" type="file" class="photo_put" value="" /></a><input type="text" name="hm" value="${staff.staffename.value}"/></div>

        <div class="per_infor_box">

            <ul class="per_infor">

                <li><label>门 店</label><input type="text" value="${staff.commpanyName.value}" disabled="disabled" /></li>

                <li><label>职 位</label><input type="text" value="${staff.position.value }" disabled="disabled"/></li>

                <li><label>姓 名</label><input type="text" value="${staff.staffname.value }" disabled="disabled"/></li>

                <li><label>手 机</label><input type="text" value="${staff.mobilephone.value }" disabled="disabled"/></li>

                <li><label>工 龄</label><input type="text" value="${staff.workTime.value }" disabled="disabled"/></li>

                <li><label>身份证</label><input type="text" value="${staff.pccid.value }" disabled="disabled"/></li>

                <li><label>自我介绍</label><textarea disabled="disabled">${staff.description.value }</textarea></li>

            </ul>

        </div>

        <div class="bottom infor_bot">

            <input class="present" type="submit" value="提 交"/>

        </div>

    </form>

</body>

<script type="text/javascript">

    $(function () {

        $('#stafform').submit(function () {

            var options = {

                dataType: 'json',

                success: function (txt) {

                    if (txt.isok) {

                        alert("保存成功");

                        location.reload(true);

                        return false;

                    } else {

                        alert(txt.data);

                        return false;

                    }

                }

            };

            $('#stafform').ajaxSubmit(options);

            return false;

        });

    });

</script>

</html>

后台代码：

package amani.wechat.platform.controller;

import java.io.IOException;

import java.util.Date;

import java.util.List;

import java.util.Map;

import javax.annotation.Resource;

import javax.servlet.http.HttpSession;

import javax.xml.bind.JAXBElement;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.PathVariable;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.multipart.MultipartFile;

import amani.wechat.platform.controller.model.Result;

import amani.wechat.platform.services.ICommonService;

import amani.wechat.platform.utils.CompressPic;

import amani.wechat.platform.webserviceClient.StaffHairDesignerInfo;

import amani.wechat.platform.webserviceClient.Staffinfo;

import amani.wechat.platform.webserviceClient.imageService.ImageCloudService;

import amani.wechat.platform.webserviceClient.imageService.ImageCloudServicePortType;

import com.google.gson.Gson;

import com.google.gson.reflect.TypeToken;

@Controller

@RequestMapping("/Staff")

public class StaffController {

    @Resource(name="CommonService")

    ICommonService commonService ;

    static ImageCloudServicePortType aImageCloudServicePortType;

    static{

        ImageCloudService  aImageCloudService = new ImageCloudService();

        aImageCloudServicePortType = aImageCloudService.getImageCloudServiceHttpPort();

    }

   /**

     * 更新头像和昵称

     * @param image

     * @param hm

     * @param session

     * @return

     * @throws IOException

     */

    @RequestMapping(value = "/index/upload", method = RequestMethod.POST)

    @ResponseBody

    public Result indexUpload(@RequestParam(value = "file", required = false)MultipartFile image, String hm, HttpSession session)  {

        String imagePath = "";

        String imagebPath = "";

        Result res = new Result();

        String openid = session.getAttribute("openid")+"";

        res.setIsok(true);

        if(image!=null){

            String fileName = new Date().getTime() + "_" + image.getOriginalFilename();

            String key = fileName;

            try {

                byte[] img = CompressPic.compressPic(image.getInputStream(), 300, 300);

                imagePath = aImageCloudServicePortType.uploadFile(img, "amani", key);

                Gson gson = new Gson();

                Map<String, String> map = gson.fromJson(imagePath, new TypeToken<Map<String, String>>(){}.getType());

                imagePath = map.get("url");

            } catch (Exception e) {

                e.printStackTrace();

            }

        }

        commonService.updateStaffInfo(openid, hm, imagePath, imagebPath);

        return res;

    }

 }

改成

@RequestParam(value = "file",就ok了

解决 jquery.form.js和springMVC上传 MultipartFile取不到信息的更多相关文章

jquery.form.js实现异步上传
前台页面 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewpor ...
[Asp.net mvc]jquery.form.js无刷新上传
写在前面最近在自己的网盘项目中想用ajax.beginform的方式做无刷新的操作,提交表单什么的都可以,但针对文件上传,就是个鸡肋.在网上查找了发现很多人都遇到了这个问题,大部分都推荐使用jque ...
jquery.form.js ajax提交上传文件
项目中最近有用到表单提交,是带有图片上传的表单录入,需要ajax异步提交,网上找了好多例子都是只能提交上传字段一个信息的,这里整理一下.表单里有普通文本信息字段也有图片上传字段. 1.jsp代码--引 ...
jquery.form.js 实现异步上传
前台: <form id="formSeacrh" action="/ResumeInfo/uploadFile" method="post&q ...
jquery.form 兼容IE89文件上传
导入部分 <script type="text/javascript" src="js/jquery-1.8.3.min.js" charset=&quo ...
asp.net使用jquery.form实现图片异步上传
首先我们需要做准备工作: jquery下载:http://files.cnblogs.com/tianguook/jquery1.8.rar jquery.form.js下载:http://files ...
jQuery.form Ajax无刷新上传错误 (jQuery.handleError is not a function) 解决方案
今天,随着ajaxfileupload时间firebug财报显示,"jQuery.handleError is not a function"错误.因为一旦使用jQuery.for ...
文件上传---form表单，ajax,jquery,以及iframe无刷新上传（processData，contentType讲解）
服务端程序: import tornado.web import os IMG_LIST=[] class IndexHandler(tornado.web.RequestHandler): def ...
jQuery File Upload跨域上传
最近在做一个一手粮互联网项目,方案为前后端分离,自己负责前端框架,采用了Requirejs+avalonjs+jquery三个框架完成. 前后端通过跨域实现接口调用,中间也发现了不少问题,尤其是在富文 ...

随机推荐

maven 自动部署到 tomcat7
多方搜索,终于使maven项目可以自动发布到tomcat下了. tomcat7 需要使用 tomcat-maven-plugin 的新版本,版本支持tomcat6和tomcat7,groupId也由o ...
NAS（Network Attached Storage：网络附属存储）
NAS(Network Attached Storage:网络附属存储)按字面简单说就是连接在网络上,具备资料存储功能的装置,因此也称为"网络存储器".它是一种专用数据存储服务器. ...
用最简单的例子理解观察者模式(Observer Pattern)
假设有一个软件公司,每当有新产品推出,就把信息通知到一些客户. 把通知这个动作抽象成一个接口. public interface IService { void Notif(); } 客户如果想获得通 ...
SQL 条件判断 select case as
" then "返回的数据1" " then "返回的数据2" else "返回的其他数据" end as 新的列名 f ...
算法：基于 RingBuffer 的 Queue 实现《续》
背景上篇实现了一个简单的队列,内部使用了 _count 计数,本文采用另外一种模式,不用 _count 计数. RingBuffer 不用 _count 计数的话,为了区分队列的满和空,需要在数组中 ...
Windows Server 2003 下实现网络负载均衡(2) (转)
四.测试在第一台机器上,关闭网络负载平衡管理器后,用鼠标右键单击“网络负载平衡群集”,从出现的菜单中选择“连接到现存的”,将会弹出“连接”界面.输入第一台计算机的名称或IP地址,点击“连接”按钮,在 ...
MySQL中的模糊查询和通配符转义
MySQL中实现模糊查询有2种方式:一是用LIKE/NOT LIKE,二是用REGEXP/NOT REGEXP(或RLIKE/NOT RLIKE,它们是同义词). 第一种是标准的SQL模式匹配.它有2 ...
第四章 JVM垃圾回收算法
说明:在阅读本篇之前,需要知道怎么判断对象的存活与否,见<第三章 JVM内存回收区域+对象存活的判断+引用类型+垃圾回收线程> 注意:本文主要参考自<分布式Java应用:基础与实践& ...
第十三章 ThreadPoolExecutor源码解析
ThreadPoolExecutor使用方式.工作机理以及参数的详细介绍,请参照<第十二章 ThreadPoolExecutor使用与工作机理 > 1.源代码主要掌握两个部分线程池的创建 ...
基于MINA实现server端心跳检测（KeepAliveFilter）
MINA自带了对心跳协议的支持,可以对心跳做出细致的配置,本文在次基础上实现了server端对client端的心跳检测. 在开始之前先简单介绍下keepAlive的机制: 首先,需要搞清楚TCP ke ...

解决 jquery.form.js和springMVC上传 MultipartFile取不到信息

解决 jquery.form.js和springMVC上传 MultipartFile取不到信息的更多相关文章

随机推荐

热门专题