步骤
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: haierDate: 2023/10/19Time: 14:15To 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,
//定义服务器响应的数据格式为jsondataType:"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")@ResponseBodypublic 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;}