上传文件资料并生成缩略图

简介: 上传文件资料并生成缩略图

一:需求

用户有一个需求就是收藏的功能,单纯的收藏记录好做,但是想加点难度就是,生成缩略图。类似B站的收藏一样。

image.png



二:如何实现需求,以及其中遇到的问题?

需求分析时遇到的问题

1.如何生成缩略图?


2.收藏的时候生成缩略图还是文件上传的时候生成缩略图?


3.生成的缩略图存在哪里?


编码过程中遇到的问题

1.文件截取比较慢,如何解决?


方法:使用多线程


2.通过new File()无法获取网络文件?


File file = new File("http://d-godone.dmsd.tech/goDone/M00/00/0A/wKg8O2D2mnqEMg7wAAAAALbl5Ys275.pdf");


方法:使用工具类FileUtils.copyURLToFile(url,file)


3.文件上传需要MultipartFile类型,但是截取出来的类型为Frame和BufferedImage,怎么弄?


方法:查阅资料封装出,文件转换的方法。


三:流程图与UML图

image.png

四:上传文件资料生成缩略图

1.上传图片生成缩略图--FastDFS

/**
 * @Author: Promsing(张有博)
 * @Date: 2021/9/18 - 0:25
 * @Description: 图片的处理类
 * @version: 1.0
 */
@Slf4j
@Component
public class ImageProcessing extends TypeProcessing{
    @Autowired
    private FastFileStorageClient fastFileStorageClient;
    @Autowired
    private ThumbImageConfig thumbImageConfig;
    private  String group="http://192.168.y.y:8888/group1/";
    /**
     *
     * @param fileName 本地文件的位置
     * @return
     */
    @Override
    public String fileUpload(String fileName) {
        File file = new File(fileName);
        // 上传并且生成缩略图
        StorePath storePath = null;
        try {
            storePath = this.fastFileStorageClient.uploadImageAndCrtThumbImage(
                    new FileInputStream(file), file.length(), "png", null);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }
        //String path = thumbImageConfig.getThumbImagePath(storePath.getPath());
        String imageUrl=group+thumbImageConfig.getThumbImagePath(storePath.getPath());
        return imageUrl;
    }
}

2.上传视频生成缩略图--javacv

/**
 * @Author: Promsing(张有博)
 * @Date: 2021/9/18 - 0:37
 * @Description: 视频的处理类
 * @version: 1.0
 */
@Component
@Slf4j
public class VideoProcessing extends TypeProcessing {
    @Override
    public String fileUpload(String videoFileName) {
        //最后获取到的视频的图片的路径
        String videPicture="";
        //Frame对象
        Frame frame = null;
        //标识
        int flag = 0;
        try {
             /*
            获取视频文件
            */
            // FFmpegFrameGrabber fFmpegFrameGrabber = new FFmpegFrameGrabber(videoPath + "/" + videoFileName);
            FFmpegFrameGrabber fFmpegFrameGrabber = new FFmpegFrameGrabber( videoFileName);
            fFmpegFrameGrabber.start();
            //获取视频总帧数
            int ftp = fFmpegFrameGrabber.getLengthInFrames();
            log.info("时长 " + ftp / fFmpegFrameGrabber.getFrameRate() / 60);
            while (flag <= ftp) {
                frame = fFmpegFrameGrabber.grabImage();
                /*
                对视频的第五帧进行处理
                 */
                if (frame != null && flag==5) {
//                    //文件转换
                    BufferedImage bufferedImage =FileCaseUtil.FrameToBufferedImage(frame);
                    MultipartFile multipartFile =FileCaseUtil. fileCase(bufferedImage);
                    log.info("开始文件上传:");
                    //文件上传
                    String fileLoad = FileUploadUtil.fileLoad(multipartFile);
                    videPicture=fileLoad;
                    log.info("文件上传成功{}",fileLoad);
                    break;
                }
                flag++;
            }
            fFmpegFrameGrabber.stop();
            fFmpegFrameGrabber.close();
        } catch (Exception E) {
            E.printStackTrace();
        }
        return videPicture;
    }
}

3.上传PDF生成缩略图--pdfbox

/**
 * @Author: Promsing(张有博)
 * @Date: 2021/9/18 - 0:29
 * @Description: PDF的处理类
 * @version: 1.0
 */
@Slf4j
@Component
public class PDFProcessing extends TypeProcessing{
    @Override
    public String fileUpload(String fileName) {
        String pdfUrl="";
        try
        {
            //将读取URL生成File
            File file = FileCaseUtil. URLToFile(fileName);
            // 打开来源 使用pdfbox中的方法
            PDDocument pdfDocument = PDDocument.load(file);
            PDFRenderer pdfRenderer = new PDFRenderer(pdfDocument);
            // 提取的页码
            int pageNumber = 0;
            // 以300 dpi 读取存入 BufferedImage 对象
            int dpi = 300;
            BufferedImage buffImage = pdfRenderer.renderImageWithDPI(pageNumber, dpi, ImageType.RGB);
            // 将 BufferedImage 写入到 png
            // ImageIOUtil.writeImage(buffImage, "c:/temp/xx.png", dpi);
            //这里使用文件BufferedImage上传
            // 文件上传
            MultipartFile multipartFile =FileCaseUtil. fileCase(buffImage);
            log.info("PDF开始上传:");
             pdfUrl=FileUploadUtil. fileLoad(multipartFile);
            log.info("PDF上传成功:{}",pdfUrl);
//            //文件储存对象
//            File outPut = new File("C:\\Users\\Administrator\\Videos\\"+ UUID.randomUUID().toString()+".jpg");
//            // ImageIO.write(FrameToBufferedImage(frame), "jpg", outPut);
//            ImageIO.write(buffImage, "jpg",outPut);
            // 关闭文档
            pdfDocument.close();
            //注意关闭文档与删除文档的顺序
            //删除临时的file
            String s = FileCaseUtil.threadLocal.get();
            System.out.println(s);
            File f=new File(s);
            boolean delete = f.delete();
            System.out.println("文件的删除状态"+delete);
        }
        catch (InvalidPasswordException e)
        {
            e.printStackTrace();
        }
        catch (IOException e)
        {
            e.printStackTrace();
        }
        return pdfUrl;
    }
}

4.封装好的方法

public static File URLToFile(String url){
        log.info("读取FastDFS上的ppt");
        File file1 = new File("test.pdf");
        try {
            URL url1 = new URL(url);
            FileUtils.copyURLToFile(url1,file1);
        } catch (IOException e) {
            e.printStackTrace();
        }
        File absoluteFile = file1.getAbsoluteFile();
        threadLocal.set(absoluteFile.toString());
        log.info("ppt已经存储到本地"+absoluteFile.toString());
        return file1;
    }
public static BufferedImage FrameToBufferedImage(Frame frame) {
        //创建BufferedImage对象
        Java2DFrameConverter converter = new Java2DFrameConverter();
        BufferedImage bufferedImage = converter.getBufferedImage(frame);
        return bufferedImage;
    }
 public static MultipartFile fileCase(BufferedImage image){
        //得到BufferedImage对象
       // BufferedImage bufferedImage = JoinTwoImage.testEncode(200, 200, url);
        MultipartFile multipartFile= null;
        try {
            //创建一个ByteArrayOutputStream
            ByteArrayOutputStream os = new ByteArrayOutputStream();
            //把BufferedImage写入ByteArrayOutputStream
            ImageIO.write(image, "jpg", os);
            //ByteArrayOutputStream转成InputStream
            InputStream input = new ByteArrayInputStream(os.toByteArray());
            //InputStream转成MultipartFile
            multipartFile =new MockMultipartFile("file", "file.jpg", "text/plain", input);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return multipartFile;
    }
  public static String fileLoad(MultipartFile mf) throws IOException {
        //上传视频并返回视频地址
        StorePath storePath = fastFileStorageClient.uploadFile(group,mf.getInputStream(), mf.getSize(), mf.getOriginalFilename().substring(mf.getOriginalFilename().lastIndexOf(".")+1));
        //将视频地址和项目id存到项目资料表中
        String videoUrl = "http://d-godone.yyy.tech/goDone/"+storePath.getPath();
        return videoUrl;
    }

五:总结

1.收到需求先拆分业务、梳理逻辑,通过画图、伪代码的形式去熟悉业务,梳理逻辑


2.将大的工作任务,拆分成小块。一点一点去实现,然后再去串起来。


3.遇到困难,不要怕,总会有解决办法,好的办法要不断查找才能获得。

相关文章
|
PHP 数据安全/隐私保护
ueditor上传图片添加水印
博客在上传图片的时候,我希望能打上我博客链接的水印,掘金,csdn都是这么干的,这事我得学习。 平时的图片上传还好说,在文章编辑的时候,使用ueditor上传图片加水印需要修改ueditor部分PHP的源码,我这里大概记录一下。 首先打开php文件夹下的Uploader.class.php
57 0
uiapp 上传图片
uiapp 上传图片
123 0
|
存储 NoSQL 前端开发
一文搞定图片选择及图片上传
本篇介绍了在 Flutter 中如何选择图片文件,图片选择组件的封装和如何将图片上传到后台。通过本篇,可以了解Flutter 构建应用时的图片上传过程。
960 0
|
JavaScript 内存技术
|
Web App开发 JavaScript 内存技术
|
JavaScript 前端开发
本地上传图片预览
图片上传本地预览,获得图片的base64(可压缩) .upload_image {  width: 800px; } 点击上传图片 提交 var im...
1138 0