在一些項目中,上傳圖片或者文件過大,這個時候我們就要選擇壓縮文件,壓縮到我們指定的范圍內在上傳到服務器,當然壓縮也是可以放到服務器進行操作的,但是考慮到前端傳輸時間問題,所以我們一般都是放到前端壓縮后在上傳。
下面舉個實例:
曾經遇見這么一個需求,前端頁面需要調用相機拍照,把拍照的圖片上傳到服務,但是在這個過程中遇見的問題是,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】大家一起討論技術。
后面會不定時為大家更新文章,敬請期待。
喜歡的朋友可以關注下。
如果對你有幫助,請打賞一下!!!
