Springmvc异步上传文件

Easter79
• 阅读 847
<script src="js/jquery.js" type="text/javascript"></script><script src="js/jquery.ext.js" type="text/javascript"></script><script src="js/jquery.form.js" type="text/javascript"></script><form action="" method="post" id="jvForm" enctype="multipart/form-data">
        <input type="text" name="name"/>
        <input type="file" name="pic" id="pic"/>
        <input type="submit" value="提交"/>
</form><script>      $(function(){          var options = {              url : "upload/uploadPic.do",              dataType : "json",              type : "post",              success : function(data){                  alert(2);              }          };          $("#pic").change(function(){              alert(1);             $("#jvForm").ajaxSubmit(options)          });      });</script

springmvc配置文件处理器:

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
     <property name="maxUploadSize" value="1048576"/>
</bean>

controller

@Controller
@RequestMapping(value = "/upload")
public class UploadController {
    
    @RequestMapping(value = "/uploadPic.do")
    public String uploadPic(@RequestParam(required=false) MultipartFile pic){
        System.out.println(pic.getOriginalFilename());
        return "success";
    }
    
}
点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
2年前
JS 折线图
JS折线图 echarts折线图。需要引入:echarts.min.js<scriptsrc"${ctxStatic}/common/echarts.min.js"charset"utf8"type"text/javascript"</scriptJS调用后台方法,得到数据Map<String,Obj
Stella981 Stella981
2年前
JS nodeJs 的日期计算
dateutils前端引用<script type"text/javascript" src"dateutils.min.js"</script下载传送门,猛击我(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fgithub.co
Stella981 Stella981
2年前
JQValidate使用说明
JQueryValidate使用总结:一、导入js库<scriptsrc"../js/jquery.js"type"text/javascript"</script<scriptsrc"../js/jquery.validate.js"type"text/javascript"</script二、默认校验规则
Stella981 Stella981
2年前
Html5添加三联切换仿3D效果旋转木马jQuery插件教程
一、使用方法<script type"text/javascript" src"js/jquery.min.js"</script<script type"text/javascript" src"js/gallery.js"</script   二、Html结构<div id"wrapper"<div id"mai
Wesley13 Wesley13
2年前
JS动态加载JS
1、直接document.write<scriptlanguage"javascript"document.write("<scriptsrc'test.js'<\\/script");</script2、动态改变已有script的src属性<scriptsrc''id"s1"</script<
Stella981 Stella981
2年前
D3.js selectAll()函数与enter()函数
<!DOCTYPE html<html<head<meta charset"utf8"<titleD3 Test</title<script type"text/javascript" src"d3.v3.js"</script</head<body
Wesley13 Wesley13
2年前
JS的常用属性
JS定义:基于事件和对象驱动,并具有安全性能的脚本语言。引入:<script type”text/javascript”具体js代码</script<script type”text/javascript”src”js文件”</script大小写敏感:例如:A与a是两个不同的东东注释:// 单
Easter79 Easter79
2年前
TP5+layui表格使用(更新中)
<tableclass"layuihide"id"category"</table<scripttype"text/javascript"src"__PLUGINS__/axios/axios.min.js"</script<scripttype"text/javascr
Wesley13 Wesley13
2年前
GOJS使用
GOJS使用前端拓扑图1.基础版:引入go.js<scriptsrc"https://my.oschina.net//u/4402671/blog/3234986/js/go.js"type"text/javascript"</script
Easter79
Easter79
Lv1
今生可爱与温柔,每一样都不能少。
文章
2.8k
粉丝
5
获赞
1.2k