High Definition Standard Definition Theater
Video id : fU8uM5oU1wY
ImmersiveAmbientModecolor: #4063b7 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 400b13cce3bd0cbe9c43c946a9a5524bb1847a12bc248d438bc268f9d874b118d2a4b7162dfa3d9a5365afde3f30bafa
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1716227814647 - unknown on Apple WebKit
Mystery text : ZlU4dU01b1Uxd1kgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
The Ionic Image Guide with Capacitor (Capture, Store & Upload)
Jump to Connections
35,336 Views • Oct 5, 2021 • Click to toggle off description
Learn to capture images, save them inside the filesystem and finally upload your files to a simple PHP API using Ionic and Capacitor!

🔥 Learn Ionic faster with the Ionic Academy: ionicacademy.com/

🎉 Get my Practical Ionic Book: devdactic.com/practical-ionic/

#############################

👨‍💻 Want to read instead of watch?
Here's the full Ionic tutorial: devdactic.com/ionic-image-upload-capacitor/

😱 NEW: Capacitor Crash Course!
ionicacademy.com/capacitor-crash-course/

⚡️Take my famous 7 Day Ionic Crash Course
ionicacademy.com/ionic-crash-course/

🤷‍♂️Want more Ionic tutorials?
There you go: devdactic.com/

#############################

❤️You can also find me...
on instagram.com/simongrimm_
on twitter.com/schlimmson
on www.facebook.com/devdactic

Or join our Facebook group:
www.facebook.com/groups/simonics/

#############################

00:00 Intro
01:39 App preparation
06:43 Capture & store images
14:53 Displaying files from the Filesystem
24:26 Deleting & uploading files
32:13
Metadata And Engagement

Views : 35,336
Genre: Science & Technology
Date of upload: Oct 5, 2021 ^^


Rating : 4.922 (10/504 LTDR)
RYD date created : 2022-03-11T08:37:47.406177Z
See in json
Tags
Connections

YouTube Comments - 108 Comments

Top Comments of this video!! :3

@robertkartes8485

2 years ago

Einfach großartig deine Videos!!! Vielen Dank für deine tolle Arbeit

1 |

@munozjavier

2 years ago

Thank you so much, I'm just doing this on a project and have problems with the display the images on the ionic app but with this tutorial, everything works well 👏🏻

3 |

@prnc86

2 years ago

Exactly what I need! Thanks Simon! 😄

1 |

@user-gy1bd1bm7r

9 months ago

Thanks for the Video ! One doubt is where do you create that stored-images folder ? I am getting error as Parent folder doesn't exist. Please can you help on this.

|

@tonyross2947

2 years ago

Another great tutorial Simon, thanks!

1 |

@jorgeviniciopizarro7462

10 months ago

Thank you so much! You are amazing your tutorials always help me.

|

@muhammadnurhidayat5212

2 years ago

Great tutorial sir... Thank you si much 😁😁😁

1 |

@deimne970

2 years ago

Great tutorial Simon! The other day I knew a guy (Diego) in Barcelona that knows you. He told me that you worked together some time ago.

1 |

@SeaEl__

1 year ago

hi, I was just wondering if there is a way to style the prompt that pops up. Is it just treated as a sheet modal? or are there some specific elements I can target with CSS?

2 |

@ChenthamizhKUMARANJeyakanthan

2 years ago

Awesome tutorial man. Thanks

1 |

@viniciusschiavetto6401

1 year ago

Amazing! Thanks a lot for this tutorial.

|

@martindejesusmedinaruvian995

1 year ago

Muchas gracias, justo lo que necesitaba.

1 |

@victor25279

2 years ago

Hey, great video, so helpful! What is your vsCode theme?

|

@prasadnarayana7257

2 years ago

Thank you Soo much Simon for the video Can you make a video on video capture in Android and iso, I saw the video on pwa but new mediaplugin and video capture plugins of capacitor are giving error of unknown provider in the apk build process. Can you please a make a quick win on video capture. Lots of love from India 🥰

2 |

@BisikletaPatrol

1 year ago

Hi Simon. thanks for your big help. thanks man!

1 |

@tolutronics

2 years ago

Simon is an inspiration

|

@pclslopes

2 years ago

Hi Simon, great video. Been watching all you work for a long time. Quick question, I'm doing an app that uploads all kinds of files and not only images. Capacitor doesnt seem to have a lot of information on that. Doesnt seem to be the filesystem... maybe some configuration on the Camera plugin?

|

@RizkheyG

1 year ago

Oh thanks dude, last time I'm using Ionic was version 3 and I'm using Cordova upload file plugin, when I'm back to current version I'm lost since that plugin not listed in Ionic native anymore

|

@pierredorfling4516

1 year ago

Hi Simon, thank you so much for all your content, really helpful. I would like to ask, is there a way to modify this script to automatically upload the image from camera direct to server, instead of going to local file system?

|

@effektz

2 years ago

Hi Simon! Great video! I was wondering if you had a video or could make a quick win video on how to convert this to a separate class and call it from other components in your app. I’m trying to make a small inspection app where user can upload photos in different parts of the flow and at the end see all local stored photos before upload. It doesn’t seem efficient to implement everything in each component. Hopefully you’re able to do this!

1 |

Go To Top