Advertisement
yy981

javascript_FileLoad

Apr 23rd, 2023
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.55 KB | None | 0 0
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <title>FileLoad</title>
  5. </head>
  6. <body>
  7.  
  8.  
  9. <form name="display">
  10. <input type="file" id="selfile"><br>
  11. <textarea name="txt" rows="45" cols="150" readonly></textarea>
  12. </form>
  13.  
  14. <script>
  15. let obj1 = document.getElementById("selfile");
  16.  
  17. obj1.addEventListener("change",function(evt){
  18.  
  19. let file=evt.target.files;
  20.  
  21. //FileReaderの作成
  22. let reader=new FileReader();
  23. reader.readAsText(file[0]);
  24.  
  25. reader.onload = function(ev){
  26. document.display.txt.value = reader.result;
  27. }
  28. },false);
  29. </script>
  30.  
  31.  
  32. </body>
  33. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement