在上述代码中,我们首先通过uni.chooseImage方法让用户选择图片,获取到图片的临时路径。然后,我们调用convertToBase64方法,将临时路径转换为Base64字符串。在convertToBase64方法中,我们使用uni.getFileSystemManager().readFile读取文件内容,并通过uni.arrayBufferToBase64将ArrayBuffer转换为Base64字符串。最后,我们将转换后...
1、下载image-tools 图像转换工具 链接:https://ext.dcloud.net.cn/plugin?id=123#rating 2、 图像转换工具下载后,放在untils文件夹中,并引入 <template><viewclass="content"><viewclass="upload-wrap"><viewclass="title">上传图片</view><imagesrc="../../static/home_safe.png"@click="turnImage"><...
第一步:安装pathToBase64插件(https://ext.dcloud.net.cn/plugin?id=123) 第二步:引入js并结合 uni.chooseImge 使用 最后通过base64传给后端,并在支持base64的Image标签上引用直接显示图片即可。
在用uni-app开发项目的时候大家都会遇到这么一个问题,就是上传图片时在App上拿到的是文件路径,然而后端要接收的却是Base64字符串。但是在App端又无法调用Web Api(例如:Blob fileReader 等),这里推荐一款可以直接将Path转为Base64的插件。 image-tools:插件地址 —— https://www.npmjs.com/package/image-tools u...
二、解决uni-app在App端上传图片时路径转Base64的问题 在用uni-app开发项目的时候大家都会遇到这么一个问题,就是上传图片时在App上拿到的是文件路径,然而后端要接收的却是Base64字符串。但是在App端又无法调用Web Api(例如:Blob fileReader 等),这里推荐一款可以直接将Path转为Base64的插件。
二、解决uni-app在App端上传图片时路径转Base64的问题 在用uni-app开发项目的时候大家都会遇到这么一个问题,就是上传图片时在App上拿到的是文件路径,然而后端要接收的却是Base64字符串。但是在App端又无法调用Web Api(例如:Blob fileReader 等),这里推荐一款可以直接将Path转为Base64的插件。