GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ dsgriffin β†’ Ionic 3 File Transfer Example

dsgriffin / Ionic 3 File Transfer Example

πŸ“ File Transfer in Ionic 3 using Ionic Native's File and Transfer modules

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
js
455 projects

Labels

ionicionic3file-transfer

Projects that are alternatives of or similar to Ionic 3 File Transfer Example

Ng Lottie
Render After Effects animations on Angular based on lottie-web
Stars: ✭ 311 (+175.22%)
Mutual labels:  ionic, ionic3
Awesome Ionic
An "awesome" list of Ionic resources
Stars: ✭ 799 (+607.08%)
Mutual labels:  ionic, ionic3
Ionic2 Calendar
A calendar component based on Ionic framework
Stars: ✭ 338 (+199.12%)
Mutual labels:  ionic, ionic3
ionic-parallax
Parallax Module for Ionic Framework 2+
Stars: ✭ 10 (-91.15%)
Mutual labels:  ionic, ionic3
Ionic Google Login
Ionic 4 starter app to show you how to add Google Log In to an Ionic App using Google Sign-In Cordova Plugin.
Stars: ✭ 61 (-46.02%)
Mutual labels:  ionic, ionic3
Ionic Environment Variables
Easy to use environment variables for Ionic3!
Stars: ✭ 278 (+146.02%)
Mutual labels:  ionic, ionic3
Ion2 Calendar
πŸ“… A date picker components for ionic2 ／ionic3 / ionic4
Stars: ✭ 537 (+375.22%)
Mutual labels:  ionic, ionic3
ionic-native-sms-retriever-plugin-master
Cross-platform plugin for Cordova / PhoneGap to Retrieve SMS. Available for Android.
Stars: ✭ 16 (-85.84%)
Mutual labels:  ionic, ionic3
Ion Affix
A directive for Ionic framework for creating affix headers.
Stars: ✭ 58 (-48.67%)
Mutual labels:  ionic, ionic3
Ionic3 Angular43 Httpclient
Example of Ionic 3 and the new Angular 4.3 HTTPClient
Stars: ✭ 20 (-82.3%)
Mutual labels:  ionic, ionic3
ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Stars: ✭ 22 (-80.53%)
Mutual labels:  ionic, ionic3
Ionic Firebase Starter App
Ionic 4 firebase CRUD tutorial to learn how to create a firebase application to perform Authentication and all CRUD operations in an ionic 4 application. You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend :)
Stars: ✭ 77 (-31.86%)
Mutual labels:  ionic, ionic3
ionic4-angular6-crud-example
Building CRUD Mobile App using Ionic 4, Angular 6 and Cordova
Stars: ✭ 50 (-55.75%)
Mutual labels:  ionic, ionic3
Ionic Boilerplate
✨ An Ionic Starter kit featuring Tests, E2E, Karma, Protractor, Jasmine, Istanbul, Gitlab CI, Automatic IPA and APK, TypeScript 2, TsLint, Codelyzer, Typedoc, Yarn, Rollup, and Webpack 2
Stars: ✭ 309 (+173.45%)
Mutual labels:  ionic, ionic3
ionic-surveyjs
Sample project that shows how to integrate SurveyJS in Ionic APP.
Stars: ✭ 28 (-75.22%)
Mutual labels:  ionic, ionic3
Ionic3 Chat
ionic3 chat example
Stars: ✭ 465 (+311.5%)
Mutual labels:  ionic, ionic3
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (-76.99%)
Mutual labels:  ionic, ionic3
cordova-plugin-today-widget
Add a today widget app extension target to your cordova project.
Stars: ✭ 51 (-54.87%)
Mutual labels:  ionic, ionic3
Ionic Custom Components
Ionic 3/4 Custom Components. Spend less time on design and more time on coding! Free to use for everyone! πŸ§™β€β™‚οΈ
Stars: ✭ 23 (-79.65%)
Mutual labels:  ionic, ionic3
Nativescript Ionic Template
πŸ“± πŸ–₯ Create Mobile First apps, Web and Native sharing the code with Angular πŸŽ‰
Stars: ✭ 65 (-42.48%)
Mutual labels:  ionic, ionic3
View All Similar Projects βž”

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].