uni 图片装换base64

た入场券 2022-12-03 15:49 281阅读 0赞

uni.getFileSystemManager().readFile({ 
          filePath: src,
          //选择图片返回的相对路径
          encoding: 'base64',
          //编码格式
          success: function (res) { 
          //成功的回调
    
         this.imageBase64 = res.data
          }
    });

上面的这个值针对小程序平台有用  
![getFileSystemManager][]

在开发app的时候使用下面这个

uni.request({ 
    		url: res.tempFilePaths[0],
    		method:'GET',
    		responseType: 'arraybuffer',
    		success: ress => { 
    			let base64 = uni.arrayBufferToBase64(ress.data); //把arraybuffer转成base64 
    			this.imageBase64[i] = 'data:image/jpeg;base64,' + base64 //不加上这串字符，在页面无法显示的哦
    			console.log(base64)
    		}
    	})
    	//上面使用了下面这个
    	const arrayBuffer = new Uint8Array([55, 55, 55])
    	const base64 = uni.arrayBufferToBase64(arrayBuffer)
    
    	//这个同时也了解一下
    	const base64 = 'test'
    	const arrayBuffer = uni.base64ToArrayBuffer(base64)

两个作用的平台是一样的,主要区别是  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70_pic_center 1]

[getFileSystemManager]: /images/20221123/1fec6b782ef3413b8ba7818819af89df.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4190608d43664c7d9e086727a2fc994e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqeTE3MDMxNA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/3db570e5a0b347e59fd6316eaa534f45.png