javascript - Ionic - 从 URI 读取文件

标签 javascript angular typescript ionic-framework uri

我的应用程序的用户可以使用 Ionic Native - Crop 选择和裁剪图像.在他们裁剪图片后,我将获得该图片的 URI,例如:

file:///storage/emulated/0/Android/data/com.myApp/cache/1535369478970-cropped.jpg?1535369482232

我想使用 Ionic's File API , 因为它有一个方法 readAsDataURL(path, file)这会将文件转换为 base64 编码的数据 url,这正是我所需要的。

但是,我如何正确地将 pathfile 与上面文件的 URI 分开,以便 readAsDataURL(path, file) 满意吗?

我也不知道 .jpg?1535369482232 后面的这些数字是什么意思,我也不知道文件的名称是什么,或者它在 iOS 上是否有不同的目录 因为上面的 URI 是通过使用 Android Emulator 的测试提供的。

附言我尝试仅使用上面的路径调用该方法并且没有将文件名作为第二个参数传递,但出现以下错误:

{"code":13,"message":"input is not a directory"}

如何为 iOS 和 Android 文件路径实现我想要的结果?

最佳答案

您的路径引用“cacheDirectory”this.file.cacheDirectory.

获取文件名。

const pathsplit = "file:///storage/emulated/0/Android/data/com.myApp/cache/1535369478970-cropped.jpg".split('/');
filename = pathsplit[pathsplit.length-1];

关于javascript - Ionic - 从 URI 读取文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52038470/

相关文章:

javascript - Array.sort 对一个字符串

javascript - Odoo PoS 获取订单产品

javascript - jQuery - 减少滚动函数中的代码的技术

javascript - Angular 7 迭代表

html - 在 mat-grid-list 的 mat-grid-tile 组件中垂直堆叠 mat-checkbox

javascript - 在 React Native 中的组件之间导航

javascript - Angular 检查数组是否包含具有特定变量值的对象

typescript - Angular2 NgFor 在组件内

typescript 类成员函数分组

node.js - 如何在服务 nestjs 中模拟 getMongoRepository