文件上传至tomcat服务器,Springmvc文件上传 图片存储至 tomcat虚拟图片服务器

Springmvc浏览器结果显示为：javascript

一、引入jar包html

须要引入jar包：commons-io、commons-fileupload。java

须要引人js文件：ajaxfileupload.js、jquery-1.11.2.js。jquery

二、springmvc配置：在spring-mvc配置文件中配置上传文件web

三、编写图片页面：imgload.jsp

异步上传文件

$(function() {

$(".button").click(function() {

if ($("#file").val().length > 0) {

ajaxFileUpload();

} else {

alert("请选择图片");

}

});

});

function ajaxFileUpload() {

$.ajaxFileUpload({

//跟具updateP获得不一样的上传文本的ID

url:'/file/ajaxTest', //须要连接到服务器地址

secureuri:false,

fileElementId:'file', //文件选择框的id属性(必须)

dataType: 'json',

success: function (data, status){

var imgUrl = "http://localhost:8080/imgs_servers/"+data.fileName;//图片服务器搭建以及配置，请参考下面5步。

$("#img").attr("src",imgUrl);

},

error: function (data, status, e){

alert('上传失败');

}

}

);

return false;

}

图片：

上传：

图片原图：

四、控制层：controller.java编写

@Controller

@RequestMapping(value = "/file")

public class LoginController {

@RequestMapping(value = "ajaxTest")

@ResponseBody

public String ajaxTest(MultipartFile xinghua){

String newName=null;

try {

System.out.println(xinghua);

//获取图片名字

String oldName=xinghua.getOriginalFilename();

newName=UUID.randomUUID().toString()+new Date().getTime();

newName+=oldName.substring(oldName.lastIndexOf("."));

File dest=new File("E:\\mytest\\"+newName);

xinghua.transferTo(dest);//上传文件

}catch (Exception e){

e.printStackTrace();

}

return "{'fileName':'" + newName + "'}";

}

}五、图片服务器搭建步骤：参考java配置Tomcat虚拟目标步骤：