步骤
1、在本机另外部署一个tomcat作为文件服务器
可以像我这样将tomcat文件复制一个做为服务器
2、在webapps下新建文件夹uploadfiles,这个文件夹就是用来存储上传的文件的
(记住一定要是在作为服务器的tomcat的webapps下)
3、修改conf/server.xml文件(这个在作为服务器的tomcat的根目录下的conf目录下)
记事本打开(端口号和原来的不一样就行)
4、修改conf/web.xml,找到如下的servlet节点进行修改(跟着做就行了)
5、运行bin下的tomcat8w,启动tomcat服务器(这是作为服务器的那个tomcat)
如果出现这种情况
双击startup.bat同样能启动
6、通过http://localhost:8088/uploadfiles/访问文件服务器下的文件,出现如下界面,说明文件服务器准备就绪
Jersey是一个RESTful WebService框架,用于服务器之间的远程调用 WebService就是一种跨编程语言和跨操作系统平台的远程调用技术
使用Jersey框架需要引入Jersey所需的Jar包
用ajax请求操作
页面代码
<%--
Created by IntelliJ IDEA.
User: haier
Date: 2023/10/19
Time: 14:15
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/statics/scripts/jquery-3.6.0.min.js"></script>
</head>
<body>
<%--<form action="${pageContext.request.contextPath}/doUpload" method="post" enctype="multipart/form-data">
选择文件:<input type="file" id="myfile" name="myfile"><br><br>
文件描述:<input type="text" id="description" name="description"><br><br>
<input type="submit" name="submit" value="上传文件">
</form>--%>
<form id="fileForm">
选择文件:<input type="file" id="myfile" name="myfile"><br><br>
文件描述:<input type="text" id="description" name="description"/><br><br>
显示上传图片:<img alt="" id="img" src=""><br><br>
<input type="button" onclick="ajaxUpload()" value="上传文件"/>
</form>
</body>
<script>
function ajaxUpload(){
//获取表单数据,并添加到FormData中
let myfile=$("#myfile")[0].files[0];
let description=$("#description").val();
let formData=new FormData();
formData.append("myfile",myfile);
formData.append("description",description);
//发送AJAX请求
$.ajax({
//定义请求地址
url:"${pageContext.request.contextPath}/doRemoteUpload",//doAjaxUpload
//定义请求类型
type:"post",
//定义请求参数(使用js对象)
data:formData,
//告诉jQuery不要去处理发送的数据,我们已经通过FormData处理了
processData:false,
contentType: false,
//定义服务器响应的数据格式为json
dataType:"json",
//成功响应的结果,data就是服务器返回的json对象
success:function(data){
alert(data.msg);
if(data.flag=="1"){
$("#img").attr("src",data.content);
alert(data.content);
}
}
});
}
</script>
</html>
java代码
@RequestMapping("/doRemoteUpload")
@ResponseBody
public MsgResult doRemoteUpload(MultipartFile myfile,
String description,
HttpServletRequest request){
String path = "http://localhost:8088/uploadfiles/";
//为上传到服务器的文件取名,使用UUID防止文件名重复
String filename=UUID.randomUUID().toString()+"-"+myfile.getOriginalFilename();
System.out.println("filename = " + filename);
MsgResult result=new MsgResult();
try{
//使用Jersey客户端上传文件
Client client = Client.create();
WebResource webResource = client.resource(path+URLEncoder.encode(filename,"utf-8"));
System.out.println("webResource = " + webResource);
webResource.put(myfile.getBytes());
result.setFlag(1);
result.setMsg("文件上传成功");
result.setContent(path+filename);
}catch(Exception ex){
result.setFlag(0);
result.setMsg("文件上传失败");
}
return result;
}