使用fileinput插件批量上传文件

雨落凋殇 — Tue, 17 Sep 2019 04:39:00 +0000

使用fileinput插件批量上传文件

前言

最近在做项目的时候涉及文件批量上传，使用bootstrap结合fileinput插件批量上传文件！以下是我在使用fileinput上传文件的过程。项目是基于springboot+thymeleaf的，所以文章中会有thymeleaf的语法。

使用方式

下载fileinput插件的静态文件
FileInput官网：https://plugins.krajee.com/file-input
引入静态资源

在html中使用如下代码

使用js初始化插件

//设置上传文件地址、插件语言、允许上传的文件格式
$(function(){
    $("#kv-explorer").fileinput({
           language: 'zh',
           theme: 'explorer-fas',
           uploadUrl: '/colorful/uploadPic',
           overwriteInitial: true,
           allowedFileExtensions: ['jpg', 'png', 'gif', 'jpeg', 'bmp', 'webp']
       });
});

后台接收文件Springboot，返回json数据

@RequestMapping("/uploadPic")
@ResponseBody
public Map uploadPic(@RequestParam("file") MultipartFile file) {
   Map fileNameMap = FileUtil.uploadFile(file, FileUtil.FILE_PATH + "picture/");
   Map result = new Hashtable<>();
   if(!fileNameMap.isEmpty()){
       QueImages queImages = new QueImages();
       queImages.setName(fileNameMap.get("originalFilename"));
       queImages.setPath("picture/"+fileNameMap.get("fileName"));
       int insert = queImagesService.insert(queImages);
       if(insert > 0){
           result.put("success","文件上传成功！");
           return result;
       }
   }
   result.clear();
   //注意json数据中包含{"error":"失败信息"}，插件会认为上传文件失败
   //上传文件成功不要反悔带有error键值的json数据
   result.put("error","文件上传失败！");
   return result;
}

uploadFile方法

public static final String FILE_PATH = "D:/upload/";
   
public static Map uploadFile(MultipartFile file, String path) {
    //文件扩展名
    String extension = file.getOriginalFilename().substring(file.getOriginalFilename().indexOf("."));
    //构建文件扩展名
    String filename = UUID.randomUUID().toString().replace("-", "") + Long.toHexString(System.currentTimeMillis()) + extension;
    String filepath = path + filename;
    Map map = new Hashtable<>();
    try {
        File dir = new File(path);
        //判断文件夹是否存在
            if (!dir.exists()) {
            //创建文件夹
            dir.mkdirs();
        }
        //转存文件
        file.transferTo(new File(filepath));
        map.put("originalFilename",file.getOriginalFilename());
        map.put("fileName",filename);
        return map;
    } catch (IOException e) {
        e.printStackTrace();
    }
    //清空
    map.clear();
    return map;
}

设置springboot上传文件大小被限制问题

servlet:
  multipart:
    max-request-size: 200MB # 设置单次文件请求总大小
    max-file-size: 200MB    # 设置单个文件的大小（超过这个大小的文件不能上传成功）

效果预览

未选择文件时

选择上传文件后

文件上传成功

总结

博主也是第一次使用fileinput插件批量上传文件，使用流程比较简单，几句js初始化后就可以使用，非常方便，不过值得注意的是文件上传成功后接口返回的json数据键一定不能包含error，否者会被插件判定为文件上传失败。

设计模式之单例模式

雨落凋殇 — Sat, 07 Sep 2019 12:55:19 +0000

设计模式之单例模式

简介

Java Singleton模式主要作用是保证在Java应用程序中，一个类Class只有一个实例存在。使用Singleton的好处还在于可以节省内存，因为它限制了实例的个数，有利于Java垃圾回收（garbage collection）。
单例模式能够保证一个类仅有唯一的实例，并提供一个全局访问点。单例模式主要有3个特点：

单例类确保自己只有一个实例。
单例类必须自己创建自己的实例。
单例类必须为其他对象提供唯一的实例。

代码实现

饿汉式

public class Single {
    /**
    * 成员变量id
    */
    private int id;
    /**
    * 成员变量name
    */
    private String name;
    /**
    * 初始化时,会立即加载该对象，线程天生安全,调用效率高
    */ 
    private static Single instance = new Single();
    /**
    * 关键：私有构造方法
    * 只允许在内部实例化类
    */
    private Single(){}
    
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    /**
    * 获取静态的实例
    */
    public static Single getInstance() {
        return instance;
    }
}

懒汉式
懒汉式单例模式存在多线程并发时候的问题。普通的加锁方式并不能保证创建的类实例唯一，通过使用双重检查锁定是的多线程并发时候不会创建额外的实例。

public class Single {
    /**
     * 成员变量id
     */
    private int id;
    /**
     * 成员变量name
     */
    private String name;
    /**
     * 静态变量：实例
     */
    private static Single instance = null;

    private Single() {
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public static Single getInstance() {
        // 第一次判断
        if (instance == null) {
            // 加锁
            synchronized (Single.class) {
                // 第二次判断
                if (instance == null) {
                    instance = new Single();
                }
            }
        }
        return instance;
    }

}

总结

单例模式最重要的就是使用私有的构造方法，外部不能创建该类的实例，类的实例通过自己内部创建。饿汉式单例类在类被加载时就将自己实例化，它的优点在于无须考虑多线程访问问题，可以确保实例的唯一性。懒汉式单例模式由于存在多线程上的问题，使用双重检查锁定等机制进行控制，这将导致系统性能受到一定影响。

雨落凋殇 - JAVA

使用fileinput插件批量上传文件

使用fileinput插件批量上传文件

前言

使用方式

效果预览

总结

设计模式之单例模式

设计模式之单例模式

简介

代码实现

总结