在IONIC 3中,如何在ios上上传单词或pdf等文件?

时间:2017-08-27 10:38:28

标签: angular typescript cordova-plugins ionic3 ionic-native

我不知道从哪里开始,我使用了phonegap filechooser,但不知道如何读取文件并将其内容发送到服务器后

1 个答案:

答案 0 :(得分:0)

您可以轻松地使用File TransferFile本机插件来完成任务。

摘自官方文件:

  

离子cordova插件添加cordova-plugin-file-transfer

     

npm install --save @ ionic-native / file-transfer

     

离子cordova插件添加cordova-plugin-file

     

npm install --save @ ionic-native / file

.TS

import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';
import { File } from '@ionic-native/file';

constructor(private transfer: FileTransfer, private file: File) { }


const fileTransfer: FileTransferObject = this.transfer.create();

// Upload a file:
fileTransfer.upload(..).then(..).catch(..);

// Download a file:
fileTransfer.download(..).then(..).catch(..);

// Abort active transfer:
fileTransfer.abort();

// full example
upload() {
  let options: FileUploadOptions = {
     fileKey: 'file',
     fileName: 'name.jpg',
     headers: {}
   }

  fileTransfer.upload('<file path>', '<api endpoint>', options)
   .then((data) => {
     // success
   }, (err) => {
     // error
   })
}

download() {
  const url = 'http://www.example.com/file.pdf';
  fileTransfer.download(url, this.file.dataDirectory + 'file.pdf').then((entry) => {
    console.log('download complete: ' + entry.toURL());
  }, (error) => {
    // handle error
  });
}