博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax文件上传
阅读量:4112 次
发布时间:2019-05-25

本文共 1774 字,大约阅读时间需要 5 分钟。

需求:

通过ajax异步方式上传图片,上传成功后做些操作

实现:

js部分:

引入:

代码:

function doUpload() {	// 上传方法	$.upload({			// 上传地址			url: '${basePath}upload/img', 			// 文件域名字			fileName: 'filedata', 			// 上传完成后, 返回json, text			dataType: 'json',			// 上传之前回调,return true表示可继续上传			onSend: function() {					return true;			},			// 上传之后回调			onComplate: function(data) {		           $("#imgurl").val(data.msg.url);		           $("#imgname").val(data.msg.id);			}	});}

html部分:

							封面图片:									    													

java部分:

@RequestMapping(value = "/img", method = RequestMethod.POST)@ResponseBodypublic UploadResVo img(HttpServletRequest request) throws Exception {	 	UploadResVo resVo = new UploadResVo();	MsgVo msg = new MsgVo();	String file = processImg(request, "imageDir");	msg.setId(file);	msg.setLocalname(file);	msg.setUrl(url);	resVo.setMsg(msg);	return resVo;}private String processImg(HttpServletRequest request,String imageDir) throws Exception {	String uuid = CommonUtils.getUUID();	request.setCharacterEncoding("UTF-8");	DiskFileItemFactory factory = new DiskFileItemFactory();	ServletFileUpload upload = new ServletFileUpload(factory);	List
items = upload.parseRequest(request); Iterator
itr = items.iterator(); while (itr.hasNext()) { FileItem item = (FileItem) itr.next(); if (item.isFormField()) { System.out.println("表单参数名:" + item.getFieldName() + ",表单参数值:" + item.getString("UTF-8")); } else { System.out.println("上传文件的大小:" + item.getSize()); System.out.println("上传文件的类型:" + item.getContentType()); System.out.println("上传文件的名称:" + item.getName()); String file = imageDir + File.separator +uuid+"."+ FilenameUtils.getExtension(item.getName()); item.write(new File(file)); return uuid+"."+ FilenameUtils.getExtension(item.getName()); } } return uuid;}

 

转载地址:http://nlqsi.baihongyu.com/

你可能感兴趣的文章
Palindrome Partitioning --回文切割 深搜(重重)
查看>>
Valid Palindrome 简单的回文判断
查看>>
Pascal's Triangle -- 生成杨辉三角
查看>>
Pascal's Triangle II 生成杨辉三角中的某行
查看>>
Minimum Depth of Binary Tree -- 二叉树的最小深度 DFS 加剪枝
查看>>
Climbing Stairs 爬楼梯方法 动态规划
查看>>
Merge Two Sorted Lists 合并两个有序链表
查看>>
pow(x,n) 为什么错这么多次
查看>>
Jump Game 动态规划
查看>>
Binary Tree Maximum Path Sum 自底向上求解(重重重重)
查看>>
Subsets 深搜
查看>>
Subsets II
查看>>
Edit Distance 字符串距离(重重)
查看>>
Gray Code 格雷码
查看>>
对话周鸿袆:从程序员创业谈起
查看>>
web.py 0.3 新手指南 - 如何用Gmail发送邮件
查看>>
web.py 0.3 新手指南 - RESTful doctesting using app.request
查看>>
web.py 0.3 新手指南 - 使用db.query进行高级数据库查询
查看>>
web.py 0.3 新手指南 - 多数据库使用
查看>>
一步步开发 Spring MVC 应用
查看>>