ajaxSubmit来上传文件

首先需要的是jquery.form.js这个js文件，网上可以直接下载

然后就是最重要的了，添加这个js文件后jquery.js就不能用了，只能用jquery.min.js这个js文件。不然会冲突，一直报错

添加两个jar包commons-io和commons-fileupload

来个SpringMVC.xml配置文件

<!-- 配置MultipartResolver,用于上传文件，使用spring的CommonsMultipartResolver --><bean id="multipartResolver"class="org.springframework.web.multipart.commons.CommonsMultipartResolver"><property name="maxInMemorySize" value="4096"></property><property name="maxUploadSize" value="5000000"></property><property name="defaultEncoding" value="UTF-8"></property></bean>

package com.jykj.comutils;import java.io.File;
import java.io.IOException;
import java.util.UUID;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import org.springframework.web.multipart.MultipartFile;public class FileComutils {/**magen* 上传文件* @param file  接受页面传过来的流储存进去*          path  文件储存地址*           uuid  不重复id*        fileName  UUID+文件名+文件后缀（.jpg）*          dir  将文件储存进去，地址是 path，文件名称是 fileName*         transferTo  MultipartFile自带的解析方法 * @param request* @param response* @return* @throws IOException*/public static String upload(MultipartFile file,HttpServletRequest request,HttpServletResponse response) throws IOException{String path = request.getSession().getServletContext().getRealPath("upload");  UUID uuid=UUID.randomUUID();String fileName = uuid.toString()+file.getOriginalFilename();File dir = new File(path,fileName);   if(!dir.exists()){  dir.mkdirs();  }  file.transferTo(dir);  return fileName;}

 /*** 添加功能模块中的（功能名称，功能图标，功能URL）* @param basefunlist 需要添加的功能模块内容*          file  是用于接收页面传来的数据流*        funIco  用于接受文件名*        FileComutils.upload  储存文件并返回文件名*        insertfunlist  用于接收是否存入数据库* @throws IOException */@RequestMapping("/insertfunlist")public void insertfunlist(BaseFunList basefunlist,HttpServletResponse response,HttpServletRequest request,MultipartFile file) throws IOException{String funIco = FileComutils.upload(file, request, response);basefunlist.setFunIco(funIco);Integer insertfunlist = rolefunmapservice.insertfunlist(basefunlist);jsonarray.json(response, insertfunlist);}

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/jquery.form.js"></script>
<title>文件上传</title>
<script type="text/javascript">
function doSubmit() {$("#uploadForm").ajaxSubmit({type : "POST",url : "insertfunlist",contentType : false,processData : false,success : function(data) {var li = eval(data);alert(li);if (li != 0) {alert("成功");}}})
};
$(function(){$("#file").change(function(){alert("1111");});
})
</script>
</head>
<body><form id="uploadForm" enctype="multipart/form-data">功能名称：<input type="text" name="funName"><br><input type="hidden" name="funParentId" value="0">功能图标：<input type="file" id="file" name="file"><br>功能URL：<input type="text" name="funUrl"><br><input type="button" value="上传" οnclick="doSubmit();"></form>
</body>
</html>

一定要记得jsp页面不能少

enctype="multipart/form-data"

file不能为空，空就报错。所以点击后报错就看是不是到了controller中的方法，到了file就肯定有值。

ajaxSubmit来上传文件相关推荐

ajaxsubmit php上传文件,怎样用AjaxSubmit()提交file文件
这次给大家带来怎样用AjaxSubmit()提交file文件,用AjaxSubmit()提交file文件的注意事项有哪些,下面就是实战案例,一起来看一下. 之前在网上查了各种方法,想要提交file文件 ...
ie8 ajaxSubmit 上传文件提示下载
转载解决ie下ajaxsubmit上传文件提示下载文件问题主要是应为放回类型为json,返回text/html 转载于:https://www.cnblogs.com/yang-C-J/p/896 ...
使用ajaxSubmit上传文件总结
一.使用步骤 ①引入文件 <script type="text/javascript" src="js/jquery-1.11.3.min.js" > ...
jquery-form中ajaxSubmit提交文件，以及解决ie9下上传文件后自动下载问题
需要引用jquery-form.js 下载地址http://plugins.jquery.com/form/ 1.之前的项目一直使用formData的方式上传文件到后台处理,但新项目要求支持ie9,i ...
ajaxSubmit如何取消上传文件
最近需要用到ajaxSubmit上传文件,但是有个需求是在上传的过程中,可以点击取消来让上传停止,作为一个前端的新手,我就各种百度,然后嘞,还真没找到答案. 很多人用的都是formData,但是我的项 ...
ajax上传文件：ajaxSubmit使用
大多上传文件的时候,都是使用表单的方式进行提交的. 使用form表单上传文件,也有很多种方式: 1.界面上直接使用submit按钮提交.这种方式可以实现效果但是没有success事件.即,可以上传文件 ...
Ajax传Form表单，包括上传文件
2019独角兽企业重金招聘Python工程师标准>>> 被这个问题困扰了好久...真是醉了借用了jquery 的插件,jquery-form.js,链接:http://jquery ...
jQuery+php+ajax实现无刷新上传文件功能
2019独角兽企业重金招聘Python工程师标准>>> jQuery+php+ajax实现无刷新上传文件功能,还带有上传进度条动画效果,支持图片.视频等大文件上传. js代码: &l ...
更新：让UpdatePanel支持上传文件
在一年多前我发布了一系列文章(让UpdatePanel支持文件上传(1).(2).(3).(4).(5)),设法让UpdatePanel支持上传文件.可惜缺陷无数,当时收到了无数bug report但 ...

ajaxSubmit来上传文件

ajaxSubmit来上传文件相关推荐

最新文章

热门文章