NEO_csc

Конвертер изображений в Base64

Feb 3rd, 2020
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.17 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="UTF-8">
  5.   </head>
  6.   <body>
  7. <center>
  8. <h3>Конвертер изображений в Base64</h3>
  9.     <input id="myinput" type="file" onchange="encode();" />
  10.      <style type="text/css">
  11. img {
  12.     width: 300px;
  13.     margin-top: 30px;
  14. }
  15.   </style>
  16.     <div id="dummy">
  17.     </div></br></br>
  18.     <div>
  19.       <textarea style="width:50%;height:100px;" id="bs">
  20.       </textarea>
  21.     </div>
  22.     <script>
  23.       function encode() {
  24.         var selectedfile = document.getElementById("myinput").files;
  25.         if (selectedfile.length > 0) {
  26.           var imageFile = selectedfile[0];
  27.           var fileReader = new FileReader();
  28.           fileReader.onload = function(fileLoadedEvent) {
  29.           var srcData = fileLoadedEvent.target.result;
  30.           var newImage = document.createElement('img');
  31.           newImage.src = srcData;
  32.           document.getElementById("dummy").innerHTML = newImage.outerHTML;
  33.           document.getElementById("bs").value = document.getElementById("dummy").innerHTML;
  34.           }
  35.           fileReader.readAsDataURL(imageFile);
  36.         }
  37.       }
  38.     </script>
  39. </center>
  40.   </body>
  41. </html>
Add Comment
Please, Sign In to add comment