base64文件转MultipartFile文件

最新推荐文章于 2024-05-30 15:14:46 发布

秋天的春

最新推荐文章于 2024-05-30 15:14:46 发布

阅读量2.5k

点赞数 1

分类专栏： java 文章标签： base64文件转MultipartFile文件

本文链接：https://blog.csdn.net/ffzhihua/article/details/102542489

版权

在处理大文件上传时，通常需要在前端压缩后再发送到服务器以节省传输时间和带宽。本文以iOS相机拍摄的照片为例，探讨前端如何使用HTML进行图片压缩，并将压缩后的Base64编码转换为MultipartFile类型，以便于在Java后端进行处理。通过创建一个实现了MultipartFile接口的BASE64DecodedMultipartFile类，将Base64字符串转化为所需文件类型。

摘要由CSDN通过智能技术生成

在一些项目中，上传图片或者文件过大，这个时候我们就要选择压缩文件，压缩到我们指定的范围内在上传到服务器，当然压缩也是可以放到服务器进行操作的，但是考虑到前端传输时间问题，所以我们一般都是放到前端压缩后在上传。

下面举个实例：

曾经遇见这么一个需求，前端页面需要调用相机拍照，把拍照的图片上传到服务，但是在这个过程中遇见的问题是，ios手机拍照的图片是比较大一般单张图片大小在10M左右，而Android机型却只有3M左右，如果这个页面需要上传三到四张图片不进行压缩的整个数据包就是30-40M这样上传到服务器是非常的耗时的，占带宽，而且体验很不好，所以就需要我们在前端把图片压缩了再进行上传。前端如何压缩

      /*
       三个参数
       file：一个是文件(类型是图片格式)，
       w：一个是文件压缩的后宽度，宽度越小，字节越小
       objDiv：一个是容器或者回调函数
       photoCompress()
       */
function photoCompress(file,w,objDiv){
            var ready=new FileReader();
            /*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属性的值会成为DONE,如果设置了onloadend事件处理程序,则调用之.同时,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容.*/
            ready.readAsDataURL(file);
            ready.οnlοad=function(){
                var re=this.result;