How to select and save image file to local drive in Cloud application.

dip s

Hello everyone,

I have a cloud application in angular8 and asp.net MVC 5.

Where user can select image file from his/her local drive and can save that selected imag file to given/predefined path on his/her local drive.

How to do this from cloud application in angular 8?

Thank you in advance.

Any help would be appreciated.

<div class="row">
<div class="col-md-3">
<input type="file" style="margin-top: 35px;" (change)="onSelectFile($event)">
div>
<div class="col-md-2 text-right">
button id="upload" style="display: none; margin-top: 35px;" (click)="UploadImage()">Uploadbutton>
div>
div>
<div class="row">
<div class="col-md-7">
<br>
<div class="row">
<div class="content-wrapper">
<img [src]="url" id="image" style="width: 100%; height: 100%; object-fit: scale-down;">
div>
div>
div>
div>

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Piyush Pansuriya6y ago
Hi, Below article will helps you.

https://www.bennadel.com/blog/3630-pasting-images-into-your-app-using-file-blobs-and-url-createobjecturl-in-angular-7-2-15.htm

You need to change some of the code but it will solve your question I guess.
dip s6y ago
@Aman Gupta Thank you. The link which you have provided uploads/ save file on cloud server. I want to save file on local machine of client. I want to save/copy file from one path to another path on local machine not on cloud server.
Aman Gupta6y ago
Upload and Retrieve Files/Images Using Spring Boot, Angular, and MySQL

https://dzone.com/articles/upload-and-retrieve-filesimages-using-spring-boot

This link might provide you some information .
dip s6y ago
@Piyush Pansuriya Thank you. But in these link they have told to upload image on cloud server.
In my case what I want to do is From our cloud application user will select file from his/her local driver (local machine) and we want to save that selected file on some predefined path on local drive itself. It is like copy file from one path to other path (predefined path) on Local machine of client not on cloud.
Piyush Pansuriya6y ago
Hi, Please go through the below link. its for file upload but its similar to image upload

https://www.talkingdotnet.com/upload-file-angular-5-asp-net-core-2-1-web-api/

https://www.codemag.com/Article/1901061/Upload-Small-Files-to-a-Web-API-Using-Angular

https://code-maze.com/upload-files-dot-net-core-angular/

https://dzone.com/articles/learn-mvc-using-angular-file-upload