CGB2011-DAY07

1. 实现文件上传

1.1 文件上传案例

1.1.1 编辑文件上传的页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>实现文件上传</h1>
	<!--enctype="开启多媒体标签"  -->
	<form action="http://localhost:8091/file" method="post" 
	enctype="multipart/form-data">
		<input name="fileImage" type="file" />
		<input type="submit" value="提交"/>
	</form>
</body>
</html>

1.1.2 编辑文件上传页面

package com.jt.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
@RestController //表示返回数据是一个JSON
public class FileController {
    /**
     * 业务说明: 实现用户文件上传
     * url地址:   http://localhost:8091/file
     * 请求参数:  fileImage
     * 返回值:    操作成功的字符串
     * 文件上传的容量:默认的条件下 1M
     */
    @RequestMapping("/file")
    public String file(MultipartFile fileImage) throws IOException {
        String dir = "D:/JT-SOFT/images";
        File dirFile = new File(dir);
        if(!dirFile.exists()){
            dirFile.mkdirs();   //表示创建多级目录
        }
        //获取文件名称
        String fileName = fileImage.getOriginalFilename();
        //将文件封装为一个完整的路径
        File imageFile = new File(dir+"/"+fileName);
        //接口中提供的一个方法  实现文件上传. outputStream 实现写盘操作.
        fileImage.transferTo(imageFile);
        return "文件上传成功!!!";
    }
}

1.2 文件上传实现

1.2.1 页面参数分析

  1. 请求网址
    在这里插入图片描述
  2. 请求参数
    在这里插入图片描述
    在这里插入图片描述
  3. 返回结果要求
    属性1:error=0 文件上传成功 1 文件上传失败
    属性2:url 文件上传的虚拟路径
    属性3:width / hight 宽高,图片的特有属性
 {"error":0,"url":"图片的保存路径","width":图片的宽度,"height":图片的高度}

1.2.2 封装ImageVO

package com.jt.vo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;

import java.io.Serializable;

@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class ImageVO implements Serializable {
    // {"error":0,"url":"图片的保存路径","width":图片的宽度,"height":图片的高度}
    private Integer error;      //0正常   1错误
    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);
    }
}

1.2.3 关于正则表达式

正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。

1.2.4 编辑FIleController

 /**
     * 业务实现: 文件上传实现
     * URL地址:   http://localhost:8091/pic/upload?dir=image
     * 参数:      uploadFile
     * 返回值:    ImageVO
     */
    @RequestMapping("/pic/upload")
    public ImageVO uploadFile(MultipartFile uploadFile){
        return fileService.uploadFile(uploadFile);
       /* String url = "https://img14.360buyimg.com/n0/jfs/t1/151857/40/2398/38943/5f8842b9Edac7df98/0a8a77bfea24aa1d.jpg";
        return ImageVO.success(url, 800, 800);*/
    }

1.2.5 编辑properties配置文件

说明: 由于文件上传的路径和URL地址 可能发生变化,如果写死到代码中 不便于维护. 所以最好将信息写到配置文件中.

image.localDirPath=D:/JT-SOFT/images
image.urlPath=http://image.jt.com

1.2.6 编辑FileServiceImpl

说明: 编辑FileService 其中动态注入属性值.

package com.jt.service;
import com.jt.vo.ImageVO;
import com.sun.xml.internal.bind.v2.model.core.TypeInfoSet;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.PropertySource;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;
import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashSet;
import java.util.Set;
import java.util.UUID;
@Service
@PropertySource("classpath:/properties/image.properties")
public class FileServiceImpl implements FileService{
    @Value("${image.localDirPath}")
    private String localDirPath;    // = "D:/JT-SOFT/images";
    @Value("${image.urlPath}")
    private String urlPath;         // = "http://image.jt.com";
   /* private static Set<String> typeSet = new HashSet<>();
    //静态代码块  为成员变量赋值
    //可以利用配置文件方式 编辑所有的图片类型,通过循环遍历的方式
    static {
        typeSet.add("jpg");
        typeSet.add("png");
        typeSet.add("gif");
    }*/
    /**
     * 文件上传策略:
     *      1.图片类型的校验    1.正则表达式.. 2.???
     *      2.校验文件是否为木马   木马.exe.jpg 宽度/高度
     *      3.将文件分目录存储    1.hash asdfsdfa 2.时间
     *      4.防止文件重名  uuid当做名称
     * @param uploadFile
     * @return
     */
    @Override
    public ImageVO uploadFile(MultipartFile uploadFile) {
        //1.图片类型校验
        //1.1 获取图片名称      ABC.JPG
        String fileName = uploadFile.getOriginalFilename();
        //为了解决操作系统大小写问题 需要将字符全部小写
        fileName = fileName.toLowerCase();
        //1.2 截取图片类型 jpg|png|gif
        if(!fileName.matches("^.+\\.(jpg|png|gif)$")){
            return ImageVO.fail();
        }
        //2.是否为恶意程序
        try {
            //通过IO流读取文件信息,转化为图片类型
            BufferedImage bufferedImage = ImageIO.read(uploadFile.getInputStream());
            int height = bufferedImage.getHeight();
            int width = bufferedImage.getWidth();
            if(height == 0 || width == 0){
                //说明该文件是一个恶意程序
                return ImageVO.fail();
            }
            //3.根据时间动态生成文件目录
            String dateDirPath =
                    new SimpleDateFormat("/yyyy/MM/dd/").format(new Date());
            //3.1 实现用户本地路径的拼接 D:/JT-SOFT/images/2021/03/09/
            String localDir = localDirPath + dateDirPath;
            //3.2 动态生成文件路径
            File dirFile = new File(localDir);
            if(!dirFile.exists()){ //动态生成目录
                dirFile.mkdirs();  //创建多级目录
            }
            //4.动态生成用户名称  uuid.jpg
            String uuid = UUID.randomUUID().toString().replace("-", "");
            int index = fileName.lastIndexOf(".");
            String fileType = fileName.substring(index);
            String realFileName = uuid + fileType;
            //5. 实现文件上传  文件目录/文件名称
            File imageFile = new File(localDir + realFileName);
            uploadFile.transferTo(imageFile);
            //6.虚拟路径的拼接
            String url = urlPath + dateDirPath + realFileName;
            return ImageVO.success(url, width, height);
        } catch (IOException e) {
            e.printStackTrace();
            return ImageVO.fail();
        }
    }
}

2.代理机制

2.1 图片代理说明

在这里插入图片描述

2.2 反向代理机制

2.2.1 反向代理说明

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

2.2.2 反向代理特点

1.用户不清楚访问的服务器到底是谁.
2.反向代理是服务器端代理. (保护了后端服务器数据)

2.2.3 反向代理的实际应用

用户不清楚真实的服务器到底是谁.
在这里插入图片描述

2.3 正向代理机制

2.3.1 正向代理介绍

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

2.3.2 正向代理特点

1.用户向代理发送请求, 并且指定目标服务器.(用户清楚自己访问的服务器是谁)
2.正向代理是客户端代理 保护了用户的信息.
3.正向代理一般为了实现网络通信的.
在这里插入图片描述

2.4 Nginx

2.4.1 Nginx介绍

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的,第一个公开版本0.1.0发布于2004年10月4日。
其将源代码以类BSD许可证的形式发布,因它的稳定性、丰富的功能集、示例配置文件和低系统资源的消耗而闻名。2011年6月1日,nginx 1.0.4发布。
Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,在BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力在同类型的网页服务器中表现较好,中国大陆使用nginx网站用户有:百度、京东、新浪、网易、腾讯、淘宝等。

特点1: 占用内存少 不超过2M
特点2: 并发能力强 5万/秒 2-3万/秒

2.4.2 Nginx下载/安装

在这里插入图片描述

2.4.3 关于进程项说明

主进程: 主要提供反向代理服务的.
守护进程: 防止主进程意外关闭
在这里插入图片描述

2.4.4 nginx相关命令

说明: Nginx启动会占用80端口, 如果启动有误,查看问题集.
命令执行位置: 要求在nginx根目录中执行
在这里插入图片描述
1.启动nginx start nginx
2.nginx 重启 nginx -s reload -s 任务树
3.nginx停止 nginx -s stop

2.5 反向代理入门案例

 server {
    	#监听端口  一般都是80端口 几乎不改
        listen       80;
        #拦截用户请求的域名
        server_name  localhost;
		#配置反向代理  / 代表拦截所有的请求
        location / {
        	#root 关键字  代表的一个目录
            root   html;
            #index 关键字  默认访问页面
            index  index.html index.htm;
        }
 }

2.6 商品图片回显

2.6.1 编辑nginx配置文件

修改之后,重启nginx.

#图片服务器配置
	server {
		listen 80;
		server_name image.jt.com;

		location / {
			#反向代理目录
			root D:/JT-SOFT/image;
		}
	}

2.6.2 图片回显流程图

在这里插入图片描述

2.6.3 编辑HOSTS文件

  1. 路径
    在这里插入图片描述
  2. 编辑内容
#@SwitchHosts! {"url": null, "icon_idx": 0, "title": "\u5f53\u524d\u7cfb\u7edf hosts"}
# 京淘配置  
#192.168.126.129  image.jt.com
#192.168.126.129  manage.jt.com
#IP 域名  映射关系
127.0.0.1  image.jt.com
127.0.0.1  manage.jt.com
127.0.0.1  www.jt.com
127.0.0.1  sso.jt.com
127.0.0.1  localhost
#bug 丢最后一个字母问题

2.5.4 页面效果

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值