java+ajax实现文件上传

1 文件上传

利用Java+ajax实现文件上传，这里介绍两种提交方法，第一种是file提交，第二种是base64提交

1.1 file方式

1.1.1 FileNameUtils

public class FileNameUtils{
    /**
     * 获取文件后缀
     * @param fileName
     * @return
     */
    public static String getSuffixByStr(String fileName){
        return fileName.substring(fileName.lastIndexOf("."));
    }
​
    /**
     * 生成新的文件名
     * @param fileOriginName 源文件名
     * @return
     */
    public static String getFileName(String fileOriginName){
        return UUIDUtils.getUUID() + FileNameUtils.getSuffixByStr(fileOriginName);
    }
}

1.1.2 MyFileUtils

public class MyFileUtils {
    /**
     *
     * @param file 文件
     * @param path 文件存放路径
     * @param fileName 源文件名
     * @return
     */
    public static boolean uploadFile(MultipartFile file, String path, String fileName){
        // 生成新的文件名
        String realPath = path + "/" + FileNameUtils.getFileName(fileName);
        //使用原文件名
        //String realPath = path + "/" + fileName;
​
        File dest = new File(realPath);
​
        //判断文件父目录是否存在
        if(!dest.getParentFile().exists()){
            dest.getParentFile().mkdir();
        }
​
        try {
            //保存文件
            file.transferTo(dest);
            return true;
        } catch (IllegalStateException e) {
            e.printStackTrace();
            return false;
        } catch (IOException e) {
            e.printStackTrace();
            return false;
        }
​
    }
}

1.1.3 Controller调用

String loadpath="D:/uploadflie/images/"+System.currentTimeMillis();
boolean re= MyFileUtils.uploadFile(file,loadpath,file.getOriginalFilename());

1.1.4 ajax请求

以上传头像为例，需要把input[type=file]的vale（）封装成表单数据，然后提交而且processData和contentType都要设置

var file=document.getElementById("upfile").files[0];
        var fordate=new FormData();
        fordate.append("file",file);//封装为表单数据
        $.ajax({
            url:"/user/uploadfile",
            type: "POST",
            data:fordate,
            dataType: 'json',
            processData : false,
            contentType : false,
            success:function (data) {
                if(data.status ==1){
​
                }
            }
        })

1.2 base64方式

1.2.1 Base64Utils

public class Base64Utils {
​
    /**
     * base64转文件并输出到指定目录
     * @param base64Str
     * @param fileName
     * @param filePath
     * @return
     */
    public static boolean decode(String base64Str,String filePath,String fileName){
        File file = null;
        //创建文件目录
        File  dir=new File(filePath);
        if (!dir.exists() && !dir.isDirectory()) {
            dir.mkdirs();
        }
        BufferedOutputStream bos = null;
        java.io.FileOutputStream fos = null;
​
        byte[] b = null;
        BASE64Decoder decoder = new BASE64Decoder();
        try {
            b = decoder.decodeBuffer(replaceEnter(base64Str));
            //window
            //file=new File(filePath+"\\"+fileName);
            //linux
            file=new File(filePath+"/"+fileName);
            fos = new java.io.FileOutputStream(file);
            bos = new BufferedOutputStream(fos);
            bos.write(b);
        } catch (IOException e) {
            e.printStackTrace();
            return false;
        }finally {
            if (bos != null) {
                try {
                    bos.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (fos != null) {
                try {
                    fos.close();
                } catch (IOException e) {
                    e.printStackTrace();
                    return false;
                }
            }
        }
        return true;
    }
​
    /**
     * 图片转字符串
     * @param image
     * @return
     */
    public static String encode(byte[] image){
        BASE64Encoder decoder = new BASE64Encoder();
        return replaceEnter(decoder.encode(image));
    }
​
    public static String encode(String uri){
        BASE64Encoder encoder = new BASE64Encoder();
        return replaceEnter(encoder.encode(uri.getBytes()));
    }
​
    /**
     *
     * @path    图片路径
     * @return
     */
​
    public static byte[] imageTobyte(String path){
        byte[] data = null;
        FileImageInputStream input = null;
        try {
            input = new FileImageInputStream(new File(path));
            ByteArrayOutputStream output = new ByteArrayOutputStream();
            byte[] buf = new byte[1024];
            int numBytesRead = 0;
            while((numBytesRead = input.read(buf)) != -1){
                output.write(buf, 0, numBytesRead);
            }
            data = output.toByteArray();
            output.close();
            input.close();
​
        } catch (Exception e) {
            e.printStackTrace();
        }
​
        return data;
    }
​
    public static String replaceEnter(String str){
        String reg ="[\n-\r]";
        Pattern p = Pattern.compile(reg);
        Matcher m = p.matcher(str);
        return m.replaceAll("");
    }
​
}

1.2.2 后台调用

前面使用的FileNameUtils工具类可以用于设置上传文件名，然后再调用Base64Utils进行文件上传。代码如下

   SimpleDateFormat format=new SimpleDateFormat("YYYYMMDDHHmmss");
   String loadpath="D:/uploadflie/images/";
   String timeDir=format.format(System.currentTimeMillis());
   loadpath+="/";
   loadpath+=timeDir;
   String newfliename= FileNameUtils.getFileName(filename);
   String newfile=file.substring(file.lastIndexOf(",")+1);//去掉base64前端标识，到’，‘处
   boolean re= Base64Utils.decode(newfile,loadpath,newfliename);

注意：前端传过来的base64文件夹带有前端标识，需要处理以后使用filename是前端传来的文件名字，方便获取文件类型,

1.2.3 前端base64处理 

var dateURL="";
    var file=document.getElementById("upfile").files[0];
    var reader=new FileReader();
    var $image = $('#img_container img');
    reader.readAsDataURL(file);
    reader.onload=function (e) {
        dateURL=e.target.result;
    }

1.2.4 ajax请求

 var base64file=$("#tuoxiang").prop("src");//已转base64文件
        var filename=$("#upfile").val();//input[type=file]获取文件名称
        $.ajax({
            url:"/user/uploadByBase64",
            type: "POST",
            dataType: "json",
            data:{"file":base64file,"filename":filename},
            success:function (data) {
                
            }
​
        })
    })

ps：如果需要源码的朋友，可以加QQ群获取，群：1039603877

--------------------------------------------------------------------------------------------

QQ群：1039603877，本群创建于2020/2/3:  本群原为1999人大群，主要是进行java开发技术交流，里面有java开发的业界大佬、牛人，很多群友都是CTO或者技术负责人，同时也有关于java岗位招聘等消息。欢迎大家进群学习和交流