哇塞，你们晓得吗？眼下我们用手机拍的照片Neng直接变成电脑上的代码啦！是不是hen神奇？这就是我们今天要学的，叫Zuo“图片转base64”哦！

啥是base64？

base64是一种编码方式， 就像把图片变成了一串串的字母和数字，这样就Neng在电脑上随意传输啦！以前我们上传图片，还得一个一个文件上传，眼下不一样了直接把图片变成代码，就Neng上传啦！是不是hen酷？

怎么在uniapp里用base64呢？

先说说我们要用uniapp的几个功Neng来帮忙。我们得用uni.getImageInfo来找到图片， 用uni.compressImage来压缩图片，让它变细小点，然后用uni.getFileSystemManager.readFile来把图片变成base64编码的字符串。

下面就是一段代码， 超级轻巧松哦：

uni.getImageInfo({
    src: 'your-image-path',
    success: function  {
        uni.compressImage({
            src: res.path,
            quality: , // 这里的quality是图片质量，你们Neng自己设置哦
            success: function  {
                uni.getFileSystemManager.readFile({
                    filePath: res.tempFilePath,
                    encoding: 'base64',
                    success: function  {
                        console.log
                    }
                })
            }
        })
    }
})

这段代码是不是kan起来hen麻烦？别担心，其实hen轻巧松，就像是拼图一样，一步一步来就ok啦！

base64的优良处是啥呢？

1. 传输方便：把图片变成代码， 就Neng在网络上轻巧松传输，再也不用担心文件太巨大传不上了。 2. 处理轻巧松：有了base64，我们就Neng直接在电脑上处理图片了不用再下载下来然后上传上去。 3. 嵌入网页：base64字符串Neng嵌入到HTML、 CSS、JS等文件中，这样我们就不需要再单独求图片文件了页面的加载速度也会geng迅速哦。

但是base64也有不优良的地方哦！

1. 文件变巨大：base64编码的字符串体积会比原始图片巨大，这兴许会对网络传输和存储产生关系到。 2. 内存消耗：base64字符串兴许较长远，这会占用geng许多的内存地方。 3. 转换巨大图片兴许会崩溃：基本上原因是JavaScript中字符串变量的Zui巨大长远度有管束，所以在转换巨大图片时兴许会出现内存溢出。

学uniapp图片转base64，是不是感觉hen轻巧松呢？虽然base64有它的不优良的地方，但是总的它给我们带来了hen许多便利。只要我们注意一些细小细节，比如文件巨大细小和内存消耗，就Neng在享受便利的一边，避免一些问题啦！

迅速来试试吧，用你的手机拍一张照片，然后变成电脑上的代码，是不是hen有成就感呢？迅速去试试吧！