如何处理使用Base64对图片编码后导致post请求内容超出长度限制的问题

最新推荐文章于 2024-08-26 03:33:41 发布

smart_hang

最新推荐文章于 2024-08-26 03:33:41 发布

阅读量4w

点赞数 3

分类专栏：编程语言 java web

本文链接：https://blog.csdn.net/hfutzhouyonghang/article/details/81394799

版权

编程语言同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

java web

7 篇文章 0 订阅

订阅专栏

我的方案是将base64的字符串装换成文件，在后端使用文件来接收。具体代码见我的另一篇博客。html5 使用canvas画布对本地视频进行截图并上传至服务器 base64转文件以及上传的代码如下：

// 上传图片

    function upload(image) {
        var imgFile=dataURLtoFile(image,"img.png");
        var xhr=new XMLHttpRequest();
        var fd=new FormData();
        xhr.open('POST','/springStudy/user/multifiles');
        fd.append("multipartFile",imgFile);
        xhr.send(fd);
        console.log('上传json！')
    }

    //将图片Base64 转成文件

    function dataURLtoFile(dataurl, filename) {
        console.log("转文件")
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while(n--){
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new File([u8arr], filename, {type:mime});
    }