Is it possible to upload files to the client without using a server?

Hi all. Wonder whether it is possible to upload files to a page without using a server and server respectively of YAP? A small web app (for myself and the cat), I want to implement load images (and preferably several) that when the occurrence of the change event (i.e. when user clicked on input type file and choose the image) has started downloading and it appears on the page in the right block, now used static picture which, when the change event is not changing. With the server part of web applications, I'm not really, but I write on js, so I want to do only html and js. Please tell me the approximate implementation, or where to read.
June 26th 19 at 14:20
4 answers
June 26th 19 at 14:22
Solution
So will not work ?)



 <meta charset="UTF-8">
 <title>load foto</title>


 <form id="form1" runat="server">
 <input type="file" id="imgInp">
 <img id="blah" src="#" alt="your image">
</form>
 <!-- jQuery -->
 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

 <script type="text/javascript">

function readURL(input) {

 if (input.files && input.files[0]) {
 var reader = new FileReader();

 reader.onload = function (e) {
 $('#blah').attr('src', e.target.result);
}

reader.readAsDataURL(input.files[0]);
}
}

$("#imgInp").change(function(){
readURL(this);
});

</script>

Thank you. It was easier than I thought) - Eliane_Herzog commented on June 26th 19 at 14:25
: you're welcome ) - marguerite_Altenwer commented on June 26th 19 at 14:28
June 26th 19 at 14:24
If you want to display the image without loading it to the server look at the FileReader. I think you can save the image on the client in localstorage in the form of base64 encoding.
June 26th 19 at 14:26
Answer: you can.
link
June 26th 19 at 14:28
On the client - you can. On the server - no.

Find more questions by tags FrontendWeb DevelopmentHTMLJavaScript