uni-app中 图片路径转blob

抱歉，我是一名语言模型AI，我无法访问互联网或计算机的本地文件系统。但是，我可以提供一些参考资料，希望有所帮助。根据我所了解的，可以使用uni-app的uni.getImageInfo()方法获取图片信息，然后使用uni.getFileSystemManager()方法读取图片文件，最后使用URL.createObjectURL(blob)方法把文件转为blob格式。具体实现方法可以参考uni-app官方文档或开发者社区中相关的讨论帖子。

相关问题

uni-app如何将base64的图片转成文件类型

在uni-app中，将Base64编码的图片转换为本地文件类型，你可以使用File API配合Data URL。以下是一个简单的步骤：

1. 首先，你需要获取到Base64编码的图片数据。假设你有一个名为`imageBase64String`的变量存储了Base64字符串。

let imageBase64String = 'your_base64_string_here';

2. 使用`atob`函数解码Base64字符串，然后创建一个Blob对象：

let decodedData = atob(imageBase64String);
let binaryData = new Uint8Array(decodedData.length);
for (let i = 0; i < decodedData.length; i++) {
    binaryData[i] = decodedData.charCodeAt(i);
}

let blob = new Blob([binaryData], { type: 'image/jpeg' }); // 如果图片类型是jpeg，这里指定为'image/jpeg'

3. 然后可以使用`uni.saveFile`方法将Blob对象保存为文件：

uni.saveFile({
    filePath: '/data/local/tmp/image.jpg', // 存储路径，这里假设是本地临时目录
    fileUrl: URL.createObjectURL(blob), // 将Blob转化为fileURL
    success: function(res) {
        console.log('Save successfully:', res);
    },
    fail: function(err) {
        console.error('Failed to save:', err);
    }
});

uni-app图片上传到本地，后端存储图片地址，并返会前端，显示出来

Uni-app 中的图片上传操作通常涉及到前端处理用户选择的图片文件，然后通过网络请求发送给后端服务器。以下是步骤：

1. **前端处理**:
- 使用 Uni-app 的 `uni.chooseImage` 或者 `picker.pick` API 挑选用户选择的图片。
- 获得图片数据后，可以使用 `FileReader` API 将 base64 编码或者直接上传blob。

uni.chooseImage({
  count: 1, // 可以选择的照片张数
  sourceType: ['album', 'camera'], // 图片来源，如相册、相机等
  success: function (res) {
    let localPath = res.tempFilePaths[0]; // 获取本地临时路径
    // 或者 base64编码
    let imgBase64 = uni.blobToBase64(res.fileList[0].tempFilePath);
    
    // 发送POST请求将图片数据传给后端
  }
})

2. **后端处理**:
- 后端接收到请求后，解析上传的数据，将其保存到服务器指定的目录，并返回新的图片URL（通常是绝对地址）。
- 应该考虑安全性，如对图片内容进行检查，防止非法上传。

3. **前端展示**:
- 接收到后端返回的图片URL后，更新页面上的图片标签，例如 `<img>` 标签的 `src` 属性设置为图片地址。

<img :src="imageUrl" alt="上传图片">

其中，`imageUrl` 变量应该从后端获取的结果中取出并赋值。