科尔多瓦 Android FileReader.readAsDataURL NOT_FOUND_ERR
Cordova Android FileReader.readAsDataURL NOT_FOUND_ERR
我正在使用 cordova-plugin-file
和 cordova-plugin-media-capture
在 iOS 和 Android 上捕获视频。此实现在 iOS 上完美运行,但在 Android 上运行不佳。我已将问题追溯到 FileReader
实例无法找到 cordova-plugin-media-capture
已记录的文件。这是代码块:
if (navigator && navigator.device.capture && window.cordova.file) {
navigator.device.capture.captureVideo((mediaFiles: MediaFile[]) => {
if (mediaFiles.length > 0) {
const mediaFile = mediaFiles[0];
const type = mediaFile.type;
window.resolveLocalFileSystemURL((mediaFile as any).localURL, (fileEntry: Entry) => {
(fileEntry as FileEntry).file((file: File) => {
// "file" is a valid file with a local URL (cdvfile://localhost/sdcard/DCIM/....)
const fileReader = new FileReader();
fileReader.onloadend = (event: ProgressEvent) => {
console.log(event);
// event.target.error = 1 here which according to the docs is NOT_FOUND_ERR
success({ data: (event.target as any).result, type });
};
fileReader.readAsDataURL(file);
}, (_error: FileError) => {
console.log(_error);
});
}, (_error: FileError) => {
console.log(_error);
});
}
}, (_error: CaptureError) => {
console.log(_error);
}, { limit: 1, duration: 10, quality: 1 });
}
关于可能导致此问题的任何想法?以下是我尝试过的方法:
- 已将
<preference name="AndroidPersistentFileLocation" value="Compatibility" />
添加到 config.xml
。在此方法无效后删除。
- 已将
<access origin="cdvfile://*"/>
添加到 config.xml
。无效后删除。
- 确保 CSP 包括
cdvfile:
- 确保
AndroidManifest.xml
同时具有 android.permission.WRITE_EXTERNAL_STORAGE
和 android.permission.READ_EXTERNAL_STORAGE
- 通过浏览“文件”应用程序验证视频确实存在于 phone 上。视频播放得很好。
使用 Moto G6 在 Android 8 上进行测试。
提前致谢。
调试 cordova-plugin-file
后,我发现所报告的 NOT_FOUND_ERR
具有误导性,因为事实证明存在权限问题。
我认为将读取外部存储的权限放在清单中就足够了,但事实并非如此。 Android 需要运行时权限:https://developer.android.com/training/permissions/requesting.html
添加运行时权限后,视频捕获过程按预期运行。
我正在使用 cordova-plugin-file
和 cordova-plugin-media-capture
在 iOS 和 Android 上捕获视频。此实现在 iOS 上完美运行,但在 Android 上运行不佳。我已将问题追溯到 FileReader
实例无法找到 cordova-plugin-media-capture
已记录的文件。这是代码块:
if (navigator && navigator.device.capture && window.cordova.file) {
navigator.device.capture.captureVideo((mediaFiles: MediaFile[]) => {
if (mediaFiles.length > 0) {
const mediaFile = mediaFiles[0];
const type = mediaFile.type;
window.resolveLocalFileSystemURL((mediaFile as any).localURL, (fileEntry: Entry) => {
(fileEntry as FileEntry).file((file: File) => {
// "file" is a valid file with a local URL (cdvfile://localhost/sdcard/DCIM/....)
const fileReader = new FileReader();
fileReader.onloadend = (event: ProgressEvent) => {
console.log(event);
// event.target.error = 1 here which according to the docs is NOT_FOUND_ERR
success({ data: (event.target as any).result, type });
};
fileReader.readAsDataURL(file);
}, (_error: FileError) => {
console.log(_error);
});
}, (_error: FileError) => {
console.log(_error);
});
}
}, (_error: CaptureError) => {
console.log(_error);
}, { limit: 1, duration: 10, quality: 1 });
}
关于可能导致此问题的任何想法?以下是我尝试过的方法:
- 已将
<preference name="AndroidPersistentFileLocation" value="Compatibility" />
添加到config.xml
。在此方法无效后删除。 - 已将
<access origin="cdvfile://*"/>
添加到config.xml
。无效后删除。 - 确保 CSP 包括
cdvfile:
- 确保
AndroidManifest.xml
同时具有android.permission.WRITE_EXTERNAL_STORAGE
和android.permission.READ_EXTERNAL_STORAGE
- 通过浏览“文件”应用程序验证视频确实存在于 phone 上。视频播放得很好。
使用 Moto G6 在 Android 8 上进行测试。
提前致谢。
调试 cordova-plugin-file
后,我发现所报告的 NOT_FOUND_ERR
具有误导性,因为事实证明存在权限问题。
我认为将读取外部存储的权限放在清单中就足够了,但事实并非如此。 Android 需要运行时权限:https://developer.android.com/training/permissions/requesting.html
添加运行时权限后,视频捕获过程按预期运行。