ionic从文件选择器或文件选择器获取文件名

时间:2018-06-25 06:56:03

标签: ionic3

根据标题,当前文件选择器和文件选择器都仅返回URI,如下所示:

content://com.android.providers.downloads.documents/document/7621

实际上如何获取所选文件的文件名?

2 个答案:

答案 0 :(得分:1)

Nvm,我可以使用此库https://ionicframework.com/docs/native/file-path/

在Android上获取文件名

尽管如此,仍然为iOS找到一种方法

答案 1 :(得分:0)

filePath将帮助您解析路径,方法如下:

像这样安装插件:

ionic cordova plugin add cordova-plugin-filepath
npm install @ionic-native/file-path

然后将其导入您的应用模块

import { FilePath } from '@ionic-native/file-path/ngx';

并将其添加为提供者

providers: [
StatusBar,
SplashScreen,

{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },

FilePath

],

然后将其导入您的页面组件

import { FilePath } from '@ionic-native/file-path/ngx';

并将其添加为页面上的构造函数参数

constructor(private filePath: FilePath) { }

像这样在您的页面中使用它

selectFile()
{
    this.fileChooser.open()
    .then(uri => 
    {

      this.filePath.resolveNativePath(uri)
                  .then(filePath => {
                     console.log(filePath)
                   // now do what you want with the filePath
                  })


    })
    .catch(e => console.log(e));
}

同时我假设您已经安装了fileChooser。

希望这对某人有帮助。