当前位置： 首页 > wzjs >正文

东莞网站推广营销网站设计做网站 挣广告联盟的佣金

wzjs 2025/9/22 9:18:23
东莞网站推广营销网站设计,做网站 挣广告联盟的佣金,百度权重怎么看,wordpress连接自建数据库一、需求与整体思路支持 图片 与 音频 两种文件类型，后期可扩展任意类型。文件存储到独立 文件服务器（本文示例为 http://localhost:8085）。上传成功后返回 绝对路径 与 相对路径，前端拿到即可回显。如果用户再次上传，…

一、需求与整体思路

  • 支持 图片 与 音频 两种文件类型，后期可扩展任意类型。

  • 文件存储到独立 文件服务器（本文示例为 http://localhost:8085）。

  • 上传成功后返回 绝对路径 与 相对路径，前端拿到即可回显。

  • 如果用户再次上传，需要 删除旧文件，避免垃圾堆积。

二、项目依赖

除了 SSM 常规依赖，额外需要：

<!-- Jersey Client：负责向文件服务器 PUT/DELETE -->
<dependency><groupId>com.sun.jersey</groupId><artifactId>jersey-client</artifactId><version>1.19.4</version>
</dependency><!-- fastjson：返回 JSON -->
<dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.83</version>
</dependency>

三、Controller 代码拆解

核心控制器 UploadController 提供了 3 个接口：

接口作用
POST /upload/uploadFile上传图片
POST /upload/uploadFileMp3上传 MP3
POST /upload/deleteFile删除文件（复用）

3.1 上传主流程（5 步）

// 1. 读文件字节
byte[] picfileBytes = picfile.getBytes();// 2. 生成唯一文件名
String suffix   = originalFilename.substring(originalFilename.lastIndexOf("."));
String fileName = UUID.randomUUID().toString() + suffix;// 3. 拼接服务器路径
String realPath    = "http://localhost:8085/" + fileType + "/" + fileName;
String relativePath= "/" + fileType + "/" + fileName;// 4. 删除旧文件
if(StringUtils.hasText(lastImg)){Client.create().resource(lastImg).delete();
}// 5. PUT 上传
Client.create().resource(realPath).put(picfileBytes);

说明：

  • fileType 为 pic / mp3，后期可拓展为 video、doc 等。

  • Jersey 的 PUT 方法直接把字节流推送到文件服务器，简单暴力。

3.2 统一返回格式

{"realPath": "http://localhost:8085/pic/3f4c5e6f.jpg","relativePath": "/pic/3f4c5e6f.jpg"
}

前端拿到 relativePath 即可拼成 <img src="http://localhost:8085/pic/3f4c5e6f.jpg">。

四、SpringMVC 配置要点

  1. multipart 解析器
    在 spring-mvc.xml 中

    <bean id="multipartResolver"class="org.springframework.web.multipart.commons.CommonsMultipartResolver"><property name="maxUploadSize" value="10485760"/> <!-- 10MB -->
</bean>

  2. 静态资源映射（本地调试需要）
    如果文件服务器就是本机 Tomcat，确保

    <mvc:resources mapping="/pic/**"  location="/pic/" />
<mvc:resources mapping="/mp3/**"  location="/mp3/" />

五、常见坑 & 优化

问题解决思路
中文文件名乱码CommonsMultipartResolver 已自动处理。
文件过大调大 maxUploadSize，并前端做分片。
文件服务器跨域文件服务器（如 Nginx）加 Access-Control-Allow-Methods: PUT, DELETE。
删除失败 404检查 lastImg 是否为绝对路径，且文件服务器真实存在。

六、一键复用模板

前端调用示例（axios）：

const form = new FormData();
form.append('fileType', 'pic');
form.append('picfile', file);
form.append('lastImg', oldImgUrl);   // 可空axios.post('/upload/uploadFile', form, {headers: { 'Content-Type': 'multipart/form-data' }
}).then(res => {console.log('绝对路径：', res.data.realPath);
});

七、小结

通过 Jersey Client + SSM，我们 30 行代码就完成了：

  • 文件上传

  • 垃圾清理

  • 统一返回

后续只需新增 fileType 即可支持任意格式

八、附源代码

package com.qcby.controller;import com.alibaba.fastjson.JSONObject;
import com.qcby.model.Album;
import com.qcby.service.AlbumService;
import com.sun.jersey.api.client.Client;
import com.sun.jersey.api.client.WebResource;
import org.apache.taglibs.standard.extra.spath.RelativePath;
import org.aspectj.weaver.ast.Or;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;//图片上传
@Controller
@RequestMapping("/upload")
public class UploadController {/*** fileType 图片部分路径"pic"* picfile 文件类型* multipartFile：spring提供的专门接收文件的参数*/@ResponseBody@RequestMapping("/uploadFile")public Object updatePic(String fileType,MultipartFile picfile, HttpServletResponse response, HttpServletRequest request, String lastImg) throws IOException {//1.拿到文件的名字并用随机数处理文件的名字，保证在图片服务器上名称唯一//2.获取该文件的Byte字节流//3.获取上传位置  http://localhost:8085/pic/xxx.jpg//4.利用客户端工具和图片上传工具类进行文件上传（上传到项目服务器）//5.处理出来后半段路径：/pic/xxx.jpg//1.获取上传文件的字节数组，与路径无关byte[] picfileBytes = picfile.getBytes();//2.获取上传文件的原始文件名String originalFilename = picfile.getOriginalFilename();//3.分隔出扩展名 例：jspString suffix = originalFilename.substring(originalFilename.lastIndexOf("."));//4.生成随机名字，不包括扩展名String fileName = UUID.randomUUID().toString();//5.加上后缀fileName = fileName + suffix;//6.图片服务器访问的绝对路径前一段String path = "http://localhost:8085";//7.图片服务器访问的绝对路径 http://localhost:8085/pic/xxxx.jspString realPath = path + "/" + fileType + "/" + fileName;//8.上传到数据库里面的路径  /pic/xxx.jspString relativePath = "/" + fileType + "/" + fileName;//9.创建操作文件的客户端对象，具备访问外部资源、发起网络操作的能力（为了用客户端建立网络连接和外部访问）Client client = Client.create();//判断:如果图片服务器里有上一个照片，就删除（还没添加之前）if(lastImg != null && !"".equals(lastImg)){WebResource resource = client.resource(lastImg);resource.delete();}//10.根据拼接好的完整访问路径，获取对应的网络资源对象（用于后续文件上传等操作）WebResource webResource = client.resource(realPath);//11.将文件的字节数组内容，通过客户端上传（put 操作）到指定资源路径对应的位置（将数据上传到路径）webResource.put(picfileBytes);//12.创建一个 JSON 对象，用于封装要返回的数据JSONObject jsonObject = new JSONObject();jsonObject.put("realPath",realPath);jsonObject.put("relativePath",relativePath);return jsonObject;}@ResponseBody@RequestMapping("/deleteFile")public String deleteFile(String lastImg){Client client = Client.create();//判断:如果图片服务器里有上一个照片，就删除（还没添加之前）if(lastImg != null && !"".equals(lastImg)){WebResource resource = client.resource(lastImg);resource.delete();}return "success";}/*** fileType 图片部分路径"mp3"* mp3file 文件类型* multipartFile：spring提供的专门接收文件的参数*/@RequestMapping("/uploadFileMp3")@ResponseBodypublic Object uploadMp3(String fileType,MultipartFile mp3file, HttpServletResponse response, HttpServletRequest request, String lastMp3) throws IOException {//1.拿到文件的名字并用随机数处理文件的名字，保证在图片服务器上名称唯一//2.获取该文件的Byte字节流//3.获取上传位置  http://localhost:8085/pic/xxx.jpg//4.利用客户端工具和图片上传工具类进行文件上传（上传到项目服务器）//5.处理出来后半段路径：/pic/xxx.jpg//1.获取上传文件的字节数组，与路径无关byte[] picfileBytes = mp3file.getBytes();//2.获取上传文件的原始文件名String originalFilename = mp3file.getOriginalFilename();//3.分隔出扩展名 例：jspString suffix = originalFilename.substring(originalFilename.lastIndexOf("."));//4.生成随机名字，不包括扩展名String fileName = UUID.randomUUID().toString();//5.加上后缀fileName = fileName + suffix;//6.图片服务器访问的绝对路径前一段String path = "http://localhost:8085";//7.图片服务器访问的绝对路径 http://localhost:8085/pic/xxxx.jspString realPath = path + "/" + fileType + "/" + fileName;//8.上传到数据库里面的路径  /pic/xxx.jspString relativePath = "/" + fileType + "/" + fileName;//9.创建操作文件的客户端对象，具备访问外部资源、发起网络操作的能力（为了用客户端建立网络连接和外部访问）Client client = Client.create();//判断:如果图片服务器里有上一个照片，就删除（还没添加之前）if(lastMp3 != null && !"".equals(lastMp3)){WebResource resource = client.resource(lastMp3);resource.delete();}//10.根据拼接好的完整访问路径，获取对应的网络资源对象（用于后续文件上传等操作）WebResource webResource = client.resource(realPath);//11.将文件的字节数组内容，通过客户端上传（put 操作）到指定资源路径对应的位置（将数据上传到路径）webResource.put(picfileBytes);//12.创建一个 JSON 对象，用于封装要返回的数据JSONObject jsonObject = new JSONObject();jsonObject.put("realPath",realPath);jsonObject.put("relativePath",relativePath);System.out.println(realPath);System.out.println(relativePath);return jsonObject;}}

http://www.dtcms.com/wzjs/827110.html

相关文章：

  • 网站关键词指数查询工具什么是seo技术
  • 谷歌网站优化工具wordpress重写
  • 临海网站制作网站建设运营工作业绩
  • 怎么查网站icp备案网站修改域名
  • 如何添加网站 ico图标前端做项目网站
  • 网站代运营什么是网站建设与管理
  • 邢台做网站公司wap网站建设哪家好
  • 佛山网站建设的品牌中国制造网外贸平台多少钱
  • 世界购物网站排名域名网站备案管理系统
  • asp个人网站源码网站开发多语言
  • tornado 网站开发制作一个网页游戏需要多少钱
  • 杭州网站推广怎样做海西高端网站建设
  • 广告公司网站wordpress文章相关文章
  • 3d网站制作职业生涯规划大赛含金量
  • 建站网哪个好wordpress显示作者墙
  • 校园网站设计描述360官网入口
  • 佛山网站建设与设计公司WordPress如何获取logo
  • 网站模板 双语网页设计代码水平对齐属性align
  • 青岛网站排名推广社区网站推广方案
  • 上海网站建设 网页做网站搜索栏怎么做
  • 西安网站建设云阔极品wordpress素材教程网站
  • 如何做木工雕刻机网站厦门物业备案建设局登什么网站
  • 揭阳cms建站模板网站建设如何跑业务
  • 设计比较好的企业网站g3云推广
  • 网站名称备案百度上搜索关键词如何在首页
  • 去什么网站做推广什么是平台网站
  • 中国知名网站排名做镜像网站违法
  • 网站怎么建设模块营销网络
  • 旅游资讯网站建设方案wordpress外贸推广
  • thinkphp 网站源码吉林网站建设公司