整理文档,搜刮出一个SpringMvc MultipartFile实现图片文件上传示例,稍微整理精简一下做下分享。
spring-servlet.xml
upload/index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>单图片上传
或者使用ExtJs
js/user/photoUpload.js
Ext.onReady(function(){
Ext.create('Ext.form.Panel', {
title: '图片上传',
width: 600,
bodyPadding: 10,
frame: true,
renderTo: Ext.getBody(),
items: [{
xtype: 'filefield',
name: 'file',
fieldLabel: 'Photo',
labelWidth: 50,
msgTarget: 'side',
fileUpload: true ,
allowBlank: false,
blankText:"Select an image",
emptyText: 'You can only upload a single PNG 10M or less, JPG, GIF format images',
anchor: '100%',
buttonText: '选择图片'
}],
buttons: [{
text: '上传',
handler: function() {
var form = this.up('form').getForm();
if(form.isValid()){
form.submit({
url: '/shop/auth/photoUpload',
waitMsg: '正在上传图片...',
success: function(fp, o) {
Ext.Msg.alert('提示', o.result.msg);
}
});
}
}
}]
});
});
pages/user/photoUpload.html
图片上传
AuthController.java
@ResponseBody @RequestMapping(value = "/photoUpload",method = RequestMethod.POST) public ResultData
ResultData.java 代码如下:
public class ResultData{ private T data; private int code =200; private String msg; private Boolean success = true; public Boolean getSuccess() { return success; } public void setSuccess(Boolean success) { this.success = success; } public T getData() { return data; } public void setData(T data) { this.data = data; } public int getCode() { return code; } public void setCode(int code) { if(200 != code){ success = false; } this.code = code; } public String getMsg() { return msg; } public void setMsg(String msg) { this.msg = msg; } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持考高分网。



