在一些項目中,上傳圖片或者文件過大,這個時候我們就要選擇壓縮文件,壓縮到我們指定的范圍內在上傳到服務器,當然壓縮也是可以放到服務器進行操作的,但是考慮到前端傳輸時間問題,所以我們一般都是放到前端壓縮后在上傳。
下面舉個實例:
曾經遇見這么一個需求,前端頁面需要調用相機拍照,把拍照的圖片上傳到服務,但是在這個過程中遇見的問題是,ios手機拍照的圖片是比較大一般單張圖片大小在10M左右,而Android機型卻只有3M左右,如果這個頁面需要上傳三到四張圖片不進行壓縮的整個數據包就是30-40M這樣上傳到服務器是非常的耗時的,占帶寬,而且體驗很不好,所以就需要我們在前端把圖片壓縮了再進行上傳。前端如何壓縮這里我再做過多的介紹了 需要可以去看這篇博客https://blog.csdn.net/dsn727455218/article/details/88304355
這里我只介紹后端(java)再接收到前端傳來的base64字符怎么轉成我們想要的MultipartFile類型文件 或者是File類型的都可以,
為什么要介紹MultipartFile,在java中很多的spring框架,都是用的MultipartFile,所以這里就舉例介紹了。
代碼:
創建一個名為BASE64DecodedMultipartFile的類,一定要實現MultipartFile接口。
public class BASE64DecodedMultipartFile implements MultipartFile { private final byte[] imgContent; private final String header; public BASE64DecodedMultipartFile(byte[] imgContent, String header) { this.imgContent = imgContent; this.header = header.split(";")[0]; } @Override public String getName() { return System.currentTimeMillis() + Math.random() + "." + header.split("/")[1]; } @Override public String getOriginalFilename() { return System.currentTimeMillis() + (int) Math.random() * 10000 + "." + header.split("/")[1]; } @Override public String getContentType() { return header.split(":")[1]; } @Override public boolean isEmpty() { return imgContent == null || imgContent.length == 0; } @Override public long getSize() { return imgContent.length; } @Override public byte[] getBytes() throws IOException { return imgContent; } @Override public InputStream getInputStream() throws IOException { return new ByteArrayInputStream(imgContent); } @Override public void transferTo(File dest) throws IOException, IllegalStateException { new FileOutputStream(dest).write(imgContent); } public static MultipartFile base64ToMultipart(String base64) { try { String[] baseStrs = base64.split(","); BASE64Decoder decoder = new BASE64Decoder(); byte[] b = new byte[0]; b = decoder.decodeBuffer(baseStrs[1]); for (int i = 0; i < b.length; ++i) { if (b[i] < 0) { b[i] += 256; } } return new BASE64DecodedMultipartFile(b, baseStrs[0]); } catch (IOException e) { e.printStackTrace(); return null; } } }
調用方法:BASE64DecodedMultipartFile.base64ToMultipart("傳入前端傳來的base64字符串")。最終就會給我們返回一個MultipartFile類型的文件。
如有需要可以加我Q群【308742428】大家一起討論技術。
后面會不定時為大家更新文章,敬請期待。
喜歡的朋友可以關注下。
如果對你有幫助,請打賞一下!!!