javascript - 离子 - 从 URI 读取文件

Question

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

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

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

但是，我将如何正确地将pathandfile与我上面的文件的 URI 分开，以便 readAsDataURL(path, file)满足？

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

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

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

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

Answer 1

您的路径指的是“cacheDirectory”this.file.cacheDirectory.

获取文件名。

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