15-认识nginx并使用nginx实现文件的简单上传

最新推荐文章于 2024-05-16 11:18:18 发布
最新推荐文章于 2024-05-16 11:18:18 发布
阅读量3k 收藏 13
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suchaoh/article/details/110450606
版权

1.页面展示:

2.后端代码的实现,pojo实现

@Data
@Accessors(chain=true)
@NoArgsConstructor
@AllArgsConstructor
public class ImageVO {
    private Integer error;
    private String url;
    private Integer width;
    private Integer height;
    public static ImageVO fail(){
        return new ImageVO(1,null,null,null);
    }
    public static ImageVO success(String url,Integer width,Integer height){
        return new ImageVO(0,url,width,height);
    }
}

3.ServiceImpl的实现

@Service
public class FileServiceImpl implements FileService {
    //0.定义一个Set集合,存放允许上传图片的格式,用Set集合防止重复
    private static Set<String> typeSet=new HashSet<>();
    static {
        typeSet.add(".png");
        typeSet.add(".jpg");
        typeSet.add(".gif");
    }

    @Override
    public ImageVO upload(MultipartFile uploadFile) {
        //1.获取文件名
        String fileName = uploadFile.getOriginalFilename();
        //2.将文件名全部转为小写
        fileName = fileName.toLowerCase();
        //3.获取"."最后一次出现的下标,
        int index = fileName.lastIndexOf(".");
        //4.通过获取到的下标,获取文件后缀类型
        String fileType = fileName.substring(index);
        //5.然后再判断是否为图片类型,
        if (!typeSet.contains(fileType)) {
            return ImageVO.fail();
        }
        //6.如果是图片,将数据转换为图片对象,不是则抛出错误
        try {
            //读取文件输入流
            BufferedImage buffereImage = ImageIO.read(uploadFile.getInputStream());
            int width = buffereImage.getWidth();
            int height = buffereImage.getHeight();
            if (width == 0 || height == 0) {
                return ImageVO.fail();
            }
            //7.实现分目录存储,创建存储的目录
            String fileDir = "C:/Users/86151/Desktop";
            //8.按照/yyyy/MM/dd的方式进行划分
            String dateDir = new SimpleDateFormat("/yyyy/MM/dd").format(new Date());
            //9.将fileDir与dateDir进行拼接,形成新的存储文件的目录
            String fileDirPath = fileDir + dateDir;
            //10.开始创建目录,读取指定路径的文件
            File dirFile = new File(fileDirPath);
            //11.判断是否创建了目录,如果没有则重新创建
            //mkdirs()创建多层目录,mkdir()创建单层目录
            if (!dirFile.exists()) {
                dirFile.mkdirs();
            }
            //12.实现文件上传,准备一个uuid码,转换为字符串,然后去掉uuid码的"-",
            String uuid = UUID.randomUUID().toString().replace("-", "");
            //13.生成文件名称uuid.jpg
            String uuidName = uuid + fileType;
            //14.1.把指定路径文件封装成对象
            File realFile = new File(fileDirPath + uuidName);
            //14.2实现文件传输
            uploadFile.transferTo(realFile);
            //15.定义回显的图片路径
            String url = "https://img14.360buyimg.com/n0/jfs/t1/142351/39/11668/73504/5f91a1caEae160a0a/568da3be2b7a960c.jpg";
            //16.将值传给ImageVO类
            return ImageVO.success(url, width, height);

        } catch (IOException e) {
            e.printStackTrace();
            return ImageVO.fail();
        }
    }
}

4.Controller层的实现:

@RestController
public class FileController {
    @Autowired
    private FileService fileService;
    

    @RequestMapping("/pic/upload")
    public ImageVO upload(MultipartFile uploadFile){
        return fileService.upload(uploadFile);
    }
}

5.页面的实现:

 

2.1 反向代理概念

反向代理服务器位于用户与目标服务器之间，但是对于用户而言，反向代理服务器就相当于目标服务器，即用户直接访问反向代理服务器就可以获得目标服务器的资源。同时，用户不需要知道目标服务器的地址，也无须在用户端作任何设定。反向代理服务器通常可用来作为Web加速，即使用反向代理作为Web服务器的前置机来降低网络和服务器的负载，提高访问效率。 [1]

特点:
1.反向代理服务器是位于用户和目标服务器之间的.
2. 用户以为反向代理服务器就是真实的服务器. 用户不知道真实的服务器到底是谁.
3. 反向代理服务器保护服务端信息,称之为服务器端代理.

代理存在的原因: 用户由于某种原因无法直接访问目标服务器,完成指定的功能.
在这里插入图片描述

2.2 正向代理

2.2.1 正向代理介绍

正向代理，意思是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。

特点:
1.代理服务器位于用户与服务器之间
2.用户请求时,非常明确目标服务器到底是谁. 服务器不清楚到底是谁访问的我.以为是代理服务器直接发起的请求.
3.正向代理服务器保护了用户的信息,所以称之为客户端代理.
在这里插入图片描述

2.2.2 关于代理总结

1.反向代理是服务器端代理. 只要用户访问服务器,其实都是反向代理机制. 实现业务调用
2.正向代理是客户端代理.主要用户上网就就使用正向代理 实现的是网络通信头 网穿工具 夜神模拟器/花生壳

2.3 Nginx

2.3.1 Nginx服务器介绍

在这里插入图片描述

2.3.2 nginx介绍

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。
特点:
1.占用内存少 2M tomcat启动 200M左右
2.并发能力强 5万/秒 实际2-4万/秒

2.3.3 Nginx安装使用

1).启动Nginx nginx启动会生成2个进程项
1.主进程 主要的作用是提供反向代理服务的. 在关闭主进程 内存大的
2.守护进程 防止主进程意外关闭的. 先关闭守护
在这里插入图片描述

2.3.4 Nginx命令

工作目录说明: 要求在nginx.exe所在的根目录中执行
1.启动命令
start nginx Linux ./nginx
2.重名命令
nginx -s reload Linux: ./nginx -s reload
3.关闭命令
nginx -s stop Linux: ./nginx -s stop

2.3.5 Nginx反向代理原理

入门案例说明: http://localhost:80
在这里插入图片描述

 

6.定义动态路径,创建一个Image.properties文件,配置如下

 

7.改变ServiceImpl中获取动态路径的代码

@Service
@PropertySource(value="classpath:/properties/image.properties",encoding = "UTF-8")//将配置文件倒入容器
public class FileServiceImpl implements FileService {
    //7.实现分目录存储,创建存储的目录
    @Value("${image.fileDir}")
    private String fileDir;
    @Value("${image.urlPath}")
    private String urlPath;
    //0.定义一个Set集合,存放允许上传图片的格式,用Set集合防止重复
    private static Set<String> typeSet=new HashSet<>();
    static {
        typeSet.add(".png");
        typeSet.add(".jpg");
        typeSet.add(".gif");
    }

    @Override
    // //MultipartFile一般是用来接受前台传过来的文件
    public ImageVO upload(MultipartFile uploadFile) {
        //1.获取文件名(//得到原来的文件名在客户机的文件系统名称)
        String fileName = uploadFile.getOriginalFilename();
        //2.将文件名全部转为小写
        fileName = fileName.toLowerCase();
        //3.获取"."最后一次出现的下标,
        int index = fileName.lastIndexOf(".");
        //4.通过获取到的下标,获取文件后缀类型
        String fileType = fileName.substring(index);
        //5.然后再判断是否为图片类型,
        if (!typeSet.contains(fileType)) {
            return ImageVO.fail();
        }
        //6.如果是图片,将数据转换为图片对象,不是则抛出错误
        try {
            //uploadFile.getInputStream()返回InputStream读取文件的内容
            BufferedImage buffereImage = ImageIO.read(uploadFile.getInputStream());
            int width = buffereImage.getWidth();
            int height = buffereImage.getHeight();
            if (width == 0 || height == 0) {
                return ImageVO.fail();
            }

            //8.按照/yyyy/MM/dd的方式进行划分
            String dateDir = new SimpleDateFormat("/yyyy/MM/dd/").format(new Date());
            //9.将fileDir与dateDir进行拼接,形成新的存储文件的目录
            String fileDirPath = fileDir + dateDir;
            //10.开始创建目录,读取指定路径的文件
            File dirFile = new File(fileDirPath);
            //11.判断是否创建了目录,如果没有则重新创建
            //mkdirs()创建多层目录,mkdir()创建单层目录
            if (!dirFile.exists()) {
                dirFile.mkdirs();
            }
            //12.实现文件上传,准备一个uuid码,转换为字符串,然后去掉uuid码的"-",
            String uuid = UUID.randomUUID().toString().replace("-", "");
            //13.生成文件名称uuid.jpg
            String uuidName = uuid + fileType;
            //14.1.把指定路径文件封装成对象
            File realFile = new File(fileDirPath + uuidName);
            //14.2实现文件传输,transferTo()主要就是用来把 MultipartFile   转换成  File
            uploadFile.transferTo(realFile);
            //15.定义回显的图片路径
            String url=urlPath+dateDir+uuidName;
            //16.将值传给ImageVO类
            return ImageVO.success(url, width, height);

        } catch (IOException e) {
            e.printStackTrace();
            return ImageVO.fail();
        }
    }
}

2.4.3 图片回显的原理

在这里插入图片描述

2.4.4 编辑HOSTS文件

作用: 实现本地域名与IP地址的映射
路径:
在这里插入图片描述

2.4.5 修改HOSTS文件

在这里插入图片描述
在这里插入图片描述

 

 9.并在nginx\xnginx-1.19.5\conf添加如下配置文件,一个是配置图片回显路径和京淘项目域名

10.然后再次输入cmd,重新启动nginx,输入:nginx -s reload

11.效果如下:文件上传实现成功 

 

2.6 实现域名代理

2.6.1 需求说明

需求: 要求用户通过 http://manage.jt.com 访问localhost:8091的服务器.
实现方式: 利用反向代理机制实现

2.6.2 配置nginx

#2.配置后端服务器 manage.jt.com:80  localhost:8091
	server {
		listen 80;
		server_name manage.jt.com;

		location / {
			#发起url请求地址
			proxy_pass http://localhost:8091;
		}
	}
  •  

在这里插入图片描述

2.7 Nginx实现tomcat集群部署

2.7.1 集群搭建原理

在这里插入图片描述

2.7.2 动态展现端口号

在这里插入图片描述

2.7.3 项目打包

说明:由于需要准备3台tomcat服务器. 所以端口号依次8081/8082/8083
在这里插入图片描述
3).上传war包
在这里插入图片描述
4).项目运行

java   -jar   8081.war
  • 1

2.7 Nginx 负载均衡

2.7.1 轮询策略

说明: 根据配置文件的顺序,依次访问服务器.
在这里插入图片描述

2.7.2 权重策略

说明: 让性能更优的服务器处理更多的用户请求.
在这里插入图片描述

2.7.3 IPHASH策略

需求: 需要将用户与某台服务器进行绑定.(就好比人工客服,当你意外退出时问题没有解决,下次再次打人工客服还是之前那人)
在这里插入图片描述
原理:
在这里插入图片描述
缺点:
1. 容易造成负载不均现象.
2. 如果IP地址与用户绑定在一起,如果tomcat服务器宕机,则直接影响用户.

IPhash实用场景:一般进行压力测试时使用.

2.8 Nginx 高级属性

2.8.1 down属性

说明:如果服务器宕机,则可以通过down属性进行标识,被标识的服务器则不会再为用户提供支持.
在这里插入图片描述

2.8.2 backup 属性

备用机的设定. 一般条件下备用机不干活的,但是当主机遇忙时,或者全部主机宕机时,才会访问备用机.
在这里插入图片描述

2.8.3 tomcat服务器高可用

说明:如果人为的添加down属性 效率不高, 能否自动的检测服务器是否宕机,如果宕机,能否自动的标识为down.
在这里插入图片描述

涅槃重升
关注
  • 0
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
文件上传(transferTo)
qq_42437194的博客
08-11 1347
1.Controller @RestController @RequestMapping("file") @Api(tags = "台账文件上传") public class UploadController { @Resource private IUploadService iUploadService; @PostMapping(value = "/upload", headers = "content-type=multipart/form-data") // @Api
【上传】Nginx 上传文件
亲测，只为展现最完美的有效！
06-30 2万+
本文包含知识点： 1、nginx服务搭建 2、nginx文件上传模块搭建 3、文件重命名服务搭建 3、nginx整体配置 4、测试 引言 一般可以应用在上传不是跟频繁的场景，都可以采用Nginx上传文件。我们都知道，上传文件几乎是每个项目必备，nginx在web项目中又是不可缺的，如果能将上传功能附在nginx上，可以省掉一个文件服务系统的搭建，大大降低维护部署成本和维护成本。 文件树 nginx服务搭建 参照之前的文章：https://blog.csdn.net/zhan107
nginx代理文件上传
最新发布
lonelyhiker
05-16 642
在使用Nginx作为反向代理处理文件上传的场景中，默认情况下，Nginx会先接收并缓存整个上传文件到磁盘或内存，然后再将文件转发给后端的文件上传服务。
搭建：基于nginx的上传功能
hefrankeleyn的博客
08-19 4857
搭建基于nginx的上传功能
SpringMVC框架学习记录 5 文件上传
猫头夜鹰的小屋
11-30 252
SpringMVC框架学习 5 详解 SpringMVC 实现单文件上传的步骤，并介绍了两种多文件上传的方法
Nginx实现浏览器端大文件分片上传
Mr_Zang666的博客
07-17 563
6、服：接收客户端输入流，使用RandomAccessFile.seek(long length)随机读取，将游标移动到指定位置进行读写。// ==================== 节点：文件是否存在 ====================* 资源，文件定位（游标、指针） 将ras的指针设置到8，则读写ras是从第9个字节读写到。* 我们的服务端处理客户端的连接请求是同步进行的， 每次接收到来自客户端的连接请求后，"Socket客户端：5.读取本地需要上传的文件失败，请确认文件是否存在"
fastdfs-nginx-module_v1.10.tar.gz
10-04
FastDFS是一个开源的高性能、轻量级的分布式文件系统，它对文件进行管理，包括文件存储、文件同步、文件访问（文件上传、文件下载）等功能，解决了大容量存储和负载均衡的问题。而FastDFS-Nginx-Module则是FastDFS的...
linux环境下常用软件的安装|linux环境下常用软件的安装.pdf
10-31
例如，你可以使用`tar`命令解压JDK的 `.tar.gz` 文件到指定目录，然后使用`vi`编辑`/etc/profile`文件添加环境变量，确保`JAVA_HOME`指向JDK的安装路径，并将`$JAVA_HOME/bin`添加到`PATH`变量中。完成修改后，运行`...
FastDFS分布式文件系统.docx
04-25
4.能够理解文件上传、下载、 文件服务器访问的流程 5.能够完成FastDFS环境搭建（使用docker镜像即可） 6.能够理解FastDFS&nginx访问流程 7.能够掌握FastDFS错误日志查看方法 8.能够理解FastDFS文件同步原理 9.能够...
python-django-btRealEstate
03-11
8. **静态文件与媒体文件管理**：项目中可能涉及到CSS文件的引用，Django有专门的机制来处理静态文件（如CSS、JavaScript等）和用户上传的媒体文件。 9. **响应式设计**：利用CSS3的媒体查询，确保网页在不同屏幕...
django入门-电商网站项目
07-14
【标题】"django入门-电商网站项目"是一个适合初学者的教程，主要目的是引导学习者了解和掌握如何使用Django框架构建一个简单的电子商务网站。在这个项目中，你将学习到如何利用Django的强大功能来搭建功能完备的...
使用 Nginx 实现 URL 的重定向
一直在水些技术小文
07-31 2699
有些URL的重定向，新URL不需要继承原URL的参数，例如网站首页，这种情况，在Nginx配置文件的location中使用return302的方式进行跳转即可。我们日常分享一个网站地址时，常常会有这样的效果，同样一个网址，在电脑的浏览器打开，是一种效果，而在手机的浏览器打开，就会展现出另一种更适合手机显示的效果。二、使用Nginx，依据终端的不同，跳转到不同的页面，电脑打开，跳转到PC端使用的网页，手机打开，跳转到手机端使用的网页。老话说的好取乎上，得其中；...
nginx 禁止访问配置，指定URL地址指定IP允许访问
风.foxwho(神秘狐)
09-26 1万+
nginx 禁止访问配置，但是满足一下任意一个条件时允许访问 1.允许访问某个url地址 2.指定IP 一个或 多个 风.foxiswhoserver { listen 80; server_name www.lanmps.com; root /Volumes/work/lanmps.com; index index.html index.htm
Nginx大文件分片上传/多线程上传
Mr_Zang666的博客
06-08 366
6.2.2、自定义类型 我们在很多的时候，需要接收的是一个自定义类型的对象。2.4.2.4、 *** 类型 SpringMVC不能直接通过形式参数列表的方式接收 *** 类型的参数，如果需要接收 *** 类型的参数必须将 *** 放入一个对象中，并且提供get/set *** ，才可以。2.4.2、SpringMVC的参数接收 SpringMVC使用的是控制器中 *** 形参列表来接收客户端的请求参数，他可以进行自动类型转换，要求传递参数的key要与对应 *** 的形参变量名一致才可以完成自动赋值。
nginx根据URL地址、user_agent设备类型、文件扩展名 实现动静分离代理转发
MssGuo的博客
06-26 1702
前言 环境：centos 7.9 nginx1-8.0 nginx根据url地址实现动静分离 为了实现资源的动静分离，我们可以部署动态资源服务器、静态资源服务器、上传资源服务器、默认服务器等，这样，当前端用户访问服务器时，我们可以根据用户传递过来的URL地址来匹配不同的nginx反向代理，从而让不同的资源解析到对应的节点服务器上。 如访问域名www.fujiseiko.com，然后用户访问www.fujiseiko.com/upload/xxx时，nginx反向代理请求的是上传资源服务器，用户访问www.
多种方法实现 Nginx 隐藏式跳转（隐式URL，即浏览器 URL 跳转后保持不变）
代码讲故事
08-19 2437
多种方法实现 Nginx 隐藏式跳转（隐式URL，即浏览器 URL 跳转后保持不变）。
nginx服务器实现上传下载文件
热门推荐
黑客三遍猪
04-21 2万+
参考 Nginx文件服务器 使用nginx搭建文件服务器 使用nginx作为文件服务器 nginx搭文件服务器 利用nginx搭建小型的文件服务器 nginx上传模块nginx_upload_module和nginx_uploadprogress_module模块进度显示，如何传递GET参数等。 nginx上传模块nginx_upload_module使用 加上上传模块的nginx编译和配置 n...
Nginx-module-文件上传模块的安装及使用
enlbi的专栏
03-03 1203
Nginx文件上传模块的安装及使用实战，集成了Spring web mvc的后端上传
文件的上传&下载
lwj_07的博客
09-09 3800
也就是说：客户端向服务端发送一些图片、视频、音频等。（上面是前端发送图片、视频、音频时代码的逻辑方式） 因此，前端通过上面的形式向我们后端发送了图片、视频、音频后，我们后端就需要通过下面的逻辑来进行接收前端传递的图片、视频、音频等信息： 第一步：首先先把ElementUI提供的上传组件搞到项目当中去： 上传组件搞到项目中后，我们后端开启服务器，访问demo下的upload.html组件，测试一下是否能成功：注意：因为我们的项目当中设置的有Filter拦截器，因此别忘记放行该访问update.html的u
nginx java文件上传_使用Nginx实现文件上传，或文件断点上传
05-24
使用Nginx实现文件上传或文件断点上传可以提高文件上传的效率和稳定性。下面是使用Nginx实现文件上传的步骤： 1. 配置Nginx 在Nginx的配置文件中添加以下配置： ``` location /upload { client_max_body_size 50m; client_body_buffer_size 256k; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://backend; } ``` 其中，`client_max_body_size`限制最大上传文件大小，`client_body_buffer_size`设置上传缓冲区大小，`proxy_pass`指定后端处理程序的地址。 2. 编写后端处理程序 后端处理程序可以使用Java编写。具体实现可以参考以下代码： ``` @RequestMapping("/upload") @ResponseBody public String handleUpload(HttpServletRequest request) throws Exception { MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; MultipartFile file = multipartRequest.getFile("file"); if (file != null) { // 将文件保存到本地磁盘或者云存储 // ... return "success"; } else { return "fail"; } } ``` 3. 前端页面 在前端页面中添加上传文件的表单，并设置`enctype="multipart/form-data"`： ``` <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="上传"> </form> ``` 4. 测试文件上传 启动Nginx和后端处理程序，打开浏览器访问前端页面，选择一个文件进行上传，上传完成后可以在后端程序指定的目录中找到上传的文件。 如果需要实现文件断点上传，可以在后端程序中添加断点续传的逻辑。同时，Nginx也支持配置断点续传的相关参数，可以根据需求进行配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值