• Stars
    star
    112
  • Rank 312,240 (Top 7 %)
  • Language
    TypeScript
  • Created over 8 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

📁 File Transfer in Ionic 3 using Ionic Native's File and Transfer modules

Logo

A simple file transfer example in Ionic 3 using Ionic Native's

  • Transfer module to download a file to the local device
  • And then, using the File module, retrieve that file

Requirements

  • File Transfer will not work on an emulator; you'll need an iOS or Android device
  • If you're building/testing for/on iOS, you'll need XCode.

Build

Clone the repository and follow the steps based on the platform of your device.

iOS

  1. npm install
  2. cordova platform add ios
  3. ionic cordova build ios
  4. Connect your iOS device and run the application, either by
  5. Opening up the relevant .xcodeproj on Xcode and clicking the run button (making sure your device is selected)
  6. Running ionic cordova run ios --device on your CLI - this requires that the npm package ios-deploy is installed globally (npm install -g ios-deploy)

Android

  1. npm install
  2. cordova platform add android
  3. ionic cordova build android
  4. Connect your Android device and run the application with ionic cordova run android (make sure USB debugging is enabled on your device)

File Transfer - Storage Locations

The .jpg used in this example is saved in different locations dependant on platform:

  • iOS - in the app-specific Documents/ folder using cordova.file.documentsDirectory

  • Android - persistent and private data storage within the application's sandbox using cordova.file.dataDirectory

Here's the list of the different places you can store files using this plugin.

License

MIT