Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <center>
- <h3>Конвертер изображений в Base64</h3>
- <input id="myinput" type="file" onchange="encode();" />
- <style type="text/css">
- img {
- width: 300px;
- margin-top: 30px;
- }
- </style>
- <div id="dummy">
- </div></br></br>
- <div>
- <textarea style="width:50%;height:100px;" id="bs">
- </textarea>
- </div>
- <script>
- function encode() {
- var selectedfile = document.getElementById("myinput").files;
- if (selectedfile.length > 0) {
- var imageFile = selectedfile[0];
- var fileReader = new FileReader();
- fileReader.onload = function(fileLoadedEvent) {
- var srcData = fileLoadedEvent.target.result;
- var newImage = document.createElement('img');
- newImage.src = srcData;
- document.getElementById("dummy").innerHTML = newImage.outerHTML;
- document.getElementById("bs").value = document.getElementById("dummy").innerHTML;
- }
- fileReader.readAsDataURL(imageFile);
- }
- }
- </script>
- </center>
- </body>
- </html>
Add Comment
Please, Sign In to add comment