There is a lot of angular magic that is not explained, and just being brushed on as it was standard. Nevertheless, great video explaining the concepts!
The intent of the video is to enable resumable upload with simple concept so that it can be achieved not only in angular but also in any ui framework or simple html and Js, what I mean to say that the concept will remain same in any client framework. Thanks...
Hi friend, great work!! I'd like to upload several files and i want to add the possibility of cancel the upload. Is preferable to use RxJS to forkJoin all request or use a simple foreach for all items of the File selector? Thanks in advanced.
Thank you for this nice video!!. Do you know how to limit the file name to 20 characters so that long file name is limited and only 20 characters of that file name is displayed.
You can hide the default file input and you can implement your own and you can substring the value to 20 characters, filename can be accessible from the object.
As HTTP get call is an asynchronous call and we need some data from get which need to be sent in the post. If you write it separately then post-call will start before completion of get-call and you need the data from get-call to make a post request. you can make a separate call by making each call as a promise (by using this.http.get('URL').toPromise() ) then use await to make it synchronous, the code execution will wait till the get call returns its value and you can use the same for the post-call.
May i know upto what size of file this can support ?Basically face issues while uploading file more than 2 GB. Is sending files in chunks a good idea? Would be happy to get your response as soon as possible.
All this is awesome but the files are corrupt though. How do you fix that the upload does not reach 100% seems like some bytes are left uncopied. Please help
@@FunOfHeuristic No error in console ,and so I log some value to find out what wrong ,I find that in app.component.ts file under http.request(req). subscribe method .,for calculating uploading percent we pass "uploadedBytes" that variable value come zero or not update while uploading ..
@@FunOfHeuristic Yes sure brother.But I want to know how angular is working internally and how oops concept is related in angular structure...please make such content if you want.Thanks
how can we preview large image file? SO that DOM will not gets to hangs. And Is there any way to pass image-file directly to Amazon-S3 without using node.js? can we upload large image file directly from angular to Amazon-S3? Thank you. BTW, this is very best content i have found ever.
I don't know why peoples don't share these type of helpful contents..
I'm gonna share it to all my teams. Awesome Video. Must Watch!
I just have to say 3 words to you "I Love You". Excellent video man, you saved my day.
By writing this, You made my day 😃 and happy new year 🎉 🎉 🎉
Such a good content brother. Great Work !!!!
wow, nice explanation & tutorial
great work bro, keep going
Can you do for download or suggest a blog/github for resume able file download in node
Excellent Tutorial.
Hi, how are you getting the file object in nodejs without using third party libraries like multr etc?
I love you man you save my life
well explained..I implemented this code but some extra bytes are getting added in uploaded file.not able to figure why this happening
How the same can be done with dot net as backend api also this need to be run in background thread so we will notify the user about file upload is one
How can you implement this with NestJS
There is a lot of angular magic that is not explained, and just being brushed on as it was standard.
Nevertheless, great video explaining the concepts!
The intent of the video is to enable resumable upload with simple concept so that it can be achieved not only in angular but also in any ui framework or simple html and Js, what I mean to say that the concept will remain same in any client framework.
Thanks...
Hi friend, great work!! I'd like to upload several files and i want to add the possibility of cancel the upload. Is preferable to use RxJS to forkJoin all request or use a simple foreach for all items of the File selector? Thanks in advanced.
Hi, @XingFuCider I have uploaded a video on the same, Thanks to you.
Please check the video
@@FunOfHeuristic Where is the link to the video
Thank you for this nice video!!. Do you know how to limit the file name to 20 characters so that long file name is limited and only 20 characters of that file name is displayed.
You can hide the default file input and you can implement your own and you can substring the value to 20 characters, filename can be accessible from the object.
Can someone help me to get the link where we can upload using the socket (2nd approach) as mentioned in this video?
I have added it in the description, thanks
How can i upload multiple files same as video to s3bucket? plz help i am faceing an isdue thanks in advance
Use aws-sdk for node.js and upload it to the s3 buckets.
why used post inside get subscribe? please explain. What if we writes separately?
As HTTP get call is an asynchronous call and we need some data from get which need to be sent in the post.
If you write it separately then post-call will start before completion of get-call and you need the data from get-call to make a post request.
you can make a separate call by making each call as a promise (by using this.http.get('URL').toPromise() ) then use await to make it synchronous, the code execution will wait till the get call returns its value and you can use the same for the post-call.
May i know upto what size of file this can support ?Basically face issues while uploading file more than 2 GB. Is sending files in chunks a good idea? Would be happy to get your response as soon as possible.
Ya sending file in chunks is the only option, and in the video we are using the same that's the reason resumable upload is possible.
All this is awesome but the files are corrupt though. How do you fix that the upload does not reach 100% seems like some bytes are left uncopied. Please help
Are you using the same code base? it may happen if there will be some error in calculating the remaining bytes of data.
Yesterday I downloaded that project all should work fine , except progress bar is not shown,any help please
It should, any error in the console?
@@FunOfHeuristic No error in console ,and so I log some value to find out what wrong ,I find that in app.component.ts file under http.request(req). subscribe method .,for calculating uploading percent we pass "uploadedBytes" that variable value come zero or not update while uploading ..
@abhishek chauhan nice, happy that you found the problem, can you please raise an issue in the repo.
Ok bro, thanks for reply 👍
how to upload video or mp4 to server nodejs from client ?
You can use the same for video file also.
@@FunOfHeuristic tks for reply, but do exist other a way ? kindly assist because i must upload video large to AWS s3 through node server
@@hoaphuong8527 if you already have the video in your node server then you can use aws-sdk for node and can upload to s3.
@@FunOfHeuristic tks i have done
Hi Friend, Nice it was really helpful to me, I need a complete code base for both client-side and server-side.
Hi @Dhilip Babu the GitHub link is in the video description.
very unique content
Thanks, @Harshil just for feedback can you please let me know, do you like to see more video on application-oriented or concept-oriented
@@FunOfHeuristic Yes sure brother.But I want to know how angular is working internally and how oops concept is related in angular structure...please make such content if you want.Thanks
Hey Man Can you tell me how to pause and terminate the upload?
Hi, pause is easy just unsubscribe to the observable, but in case of termination you need to delete the in progress file in your node server.
how can we preview large image file? SO that DOM will not gets to hangs. And Is there any way to pass image-file directly to Amazon-S3 without using node.js? can we upload large image file directly from angular to Amazon-S3? Thank you. BTW, this is very best content i have found ever.
3:01
Nice
so difficult to understand with your strong accent