属性 'base64Data' 在使用电容器的 Ionic4 中类型 'CameraPhoto' 上不存在
Property 'base64Data' does not exist on type 'CameraPhoto' in Ionic4 using capacitor
我正在学习一个教程,其中为了从本机应用程序上传图片,他们选择 resultType 作为 CameraResultType.Base64,然后从该图像中获取 base64Data,最后将其转换为文件流。但在我的例子中,base64Data 这个 属性 不可用。我想知道我的代码有什么问题。这是我的代码片段:
import {Plugins, Capacitor, CameraSource, CameraResultType} from '@capacitor/core';
Plugins.Camera.getPhoto({
quality: 50,
source: CameraSource.Prompt,
correctOrientation: true,
height: 320,
width: 320,
resultType: CameraResultType.Base64
}).then(image => {
this.selectedImage = image.base64Data;
}).catch(err =>{
console.log(err);
});
我需要将图像作为文件流上传。还有其他方法可以从拍摄的图像或网络路径中获取文件流吗?如果有人知道周围的工作,请告诉我。我已经 运行 'ionic capacitor update' 命令确保我的电容器是最新的
您正在学习过时的教程,base64Data 在最终版本之前已被删除。
您可以改用 base64String,但请注意 base64String
只是图像的 base64 表示,如果您想要一个可以用作 img 源的数据 url,您应该使用 CameraResultType. DataUrl
和 image.dataUrl
我正在学习一个教程,其中为了从本机应用程序上传图片,他们选择 resultType 作为 CameraResultType.Base64,然后从该图像中获取 base64Data,最后将其转换为文件流。但在我的例子中,base64Data 这个 属性 不可用。我想知道我的代码有什么问题。这是我的代码片段:
import {Plugins, Capacitor, CameraSource, CameraResultType} from '@capacitor/core';
Plugins.Camera.getPhoto({
quality: 50,
source: CameraSource.Prompt,
correctOrientation: true,
height: 320,
width: 320,
resultType: CameraResultType.Base64
}).then(image => {
this.selectedImage = image.base64Data;
}).catch(err =>{
console.log(err);
});
我需要将图像作为文件流上传。还有其他方法可以从拍摄的图像或网络路径中获取文件流吗?如果有人知道周围的工作,请告诉我。我已经 运行 'ionic capacitor update' 命令确保我的电容器是最新的
您正在学习过时的教程,base64Data 在最终版本之前已被删除。
您可以改用 base64String,但请注意 base64String
只是图像的 base64 表示,如果您想要一个可以用作 img 源的数据 url,您应该使用 CameraResultType. DataUrl
和 image.dataUrl