Upload Files with Progress Reporting in Xamarin.Forms and ASP.NET
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- In another video I have shown how to upload a file from Xamarin.Forms to an ASP.NET REST API. From a friend I got the tip (and code!) to redo this sample but now with chunked uploads which enables progress reporting, cancellation and even resuming uploads! All this and more in this new video!
💝 Join this channel to get access to perks:
th-cam.com/channels/ral.html...
🛑 Don't forget to subscribe to my channel for more amazing content: th-cam.com/users/GeraldVerslui...
🐦 Follow me on Twitter: / jfversluis
🤝 Join the Discord server: / discord
🔗 Links
Sample code repo: github.com/jfversluis/XFUploa...
File Upload Video: • Uploading Files From a...
Multiple run configuration: blog.verslu.is/productivity/v...
Xamarin Forms Repo: github.com/xamarin/Xamarin.Forms
⏱ Timestamps
00:00 - Intro
00:22 - What To Know About This Video
01:45 - Inspect End Result
02:43 - Sample App Outline
03:35 - Deep-Dive Server Code
13:49 - Deep-Dive Xamarin.Form Code
14:03 - What is Refit?
15:34 - REST Service Communication Client
16:27 - Client File Upload Code
21:02 - Running the Sample App
22:04 - Marker
23:18 - Outro
🎥 Video edited with Camtasia (ref): techsmith.z6rjha.net/AJoeD
🙋♂️ Also find my...
Twitter: / jfversluis
Blog: blog.verslu.is
Twitch: / jfversluis
All the rest: jfversluis.dev
#XamarinForms #FileUpload #aspnet #chunked #CancelUpload #ProgressUpload #resumeupload #Xamarin - วิทยาศาสตร์และเทคโนโลยี
I really like this video, I will use it for a project, thanks Gerald
Thank you! Let me know how it goes!
This is so amazing Gerald, let’s have also chunks download also and I’m looking forward for it. Thank you
Thank you!
AMAZZZZIIINGGGGG as always!
Haha thank you! :)
Very good.
I am studyng Xamarin with your lessons.
That’s amazing, thanks and good luck!
Amazing!
Thank you! Cheers!
It's good to see my code still being somewhat useful, since i wrote it a while ago.
But you did an amazing job explaining it and it's capabilities.
And yes a resumeable upload will definitely be possible with this, although that was indeed not implemented in the demo.
As for the quitUpload... Yeah probably should be named better. Or even have a separate method to cancel an upload.
But there are many ways to improve and clean-up this code a bit, but i didn't want to complicate it even more, since this code is definitely not the most straightforward.
Also checking the file size at the end of an upload can also be improved, since this can still be a corrupt or altered file that has the same file size. Using an SHA1 hash or something similar will probably be safer
Maybe adding Refit was a bit much?
It seems that iOS compresses the heck out of the video, seeing how fast it uploaded a 24+ minute video, or you're internal network is just super fast :P
I totally forgot about the file extension *facepalm* Also it should remove the GUID to restore the orignal filename.
Thanks so much for making this video!
Allowing me to contribute to the community in some way, since i'm too shy / lazy to make a video myself, and i don't have a blog or anything like that
You're awesome!
Thank you for sharing!
No worries friend! This sample was amazing and thank you for taking the time to create it and show me around in it. You did a great job and I'm glad I was able to make something from it that is now usable for others :)
You're awesome bro, GG
Amazing! Some refactoring to include all code in a service and this will be super useful in future!
Exactly! Did you also know about Refit yet?
@@jfversluis yes I use it 😉
Yeah it can definitely be spruced up to be leaner and cleaner. I would also do that if i had to use this code again today
very cool
Thank you!
Fantastic ! Congratulations you are the best ... I hope you could also do for the download.
Thank you.
Thank you!
looks like chunk upload takes a bit longer, but we get all benefits like resumable upload and progress bar.
There is always a trade off somewhere :D
Hi Gerald, excellent video! Do you have any advice on compressing media prior to upload (especially in Xamarin)? I'm working on video upload at the moment and modern cameras produce quite large files, which is why I need this chunking solution. However, I think I might also need to compress files on android/ios prior to uploading the files to my server...have you encountered the same issue/attempted compression within a Xamarin project before? Thanks.
Thanks Gerard! Unfortunately I don't have much advice to offer. I don't know of any code or libraries that do this right now. I know its possible on the platforms so you're going to have to write platform code for it if you want to implement it.
@@jfversluis thanks Gerald. After some further research, we decided to lower the recording video quality using CrossMedia.Current.TakeVideoAsync(options) to record video as opposed to MediaPicker.CaptureVideoAsync(). I looked up methods of compressing the video file post-record, but even zipping the files barely decreases the size of file. It seems compression of multimedia files isn't really worth it. The lower recording quality + this chunking solution will really help though!
Amazing! Can you do a video on how to retrieve the files uploaded and organizing it in Folders?
Organize it in folders on the mobile device? What scenario are you thinking of?
@@jfversluis yes! Like a user can organize the uploaded files into his own folders so they can break it up how they choose.
Amaizing video man! 👍
Did you provide the source code?🙃
In the video description as with all my videos :)
This video is really good, thanks...But I want to know if we can just load the image on the app using a webview.
Such a way that users that are connected to the internet can actually view the most recent uploads...???
Not entirely sure what you mean. You can definitely load anything in a WebView, but when working with a native app you typically want to avoid that!
@@jfversluis thanks for the advice...but I need to know which is the best way to make my app resemble a typical private school app. That is,
•Students could be able to view school notices, timetables, and more through the app (with internet connection)...
I dont know what could be the best way to implement the above mentioned.
There is no one best way to do anything. The best way for you is dependent on your existing skills and requirements and what investment you want to make either in learning new things or time/money :)
If you ask me, loading a web app in an app is never a good idea for various reasons. If that’s what you want, make it a responsive web app and at most make it a progressive web app.
Thanks for the enlightenment Gerald, I will see what I can do...
Though the idea that comes to my mind right now is simply connecting the local app with a website using a link...
I think that is the best I can do...
This will entail that the website will have all the required information/notices...
🤔
Man you are awesome
Haha thank you 🥰
@@jfversluis i think you check my todo list :-)
can you provide a video about refit and explain all thing about it?
I will!
@@jfversluis The happiest person now💥❤️
I think I might do it this week :)
@@jfversluis Woooow I wait it :)
Available now for members!
Flashhhh
⚡️