javascript - How to load text from file with just one single button? -


i'm trying code message encrypt/decrypt page using character subtitution. managed save key file , want load back. managed load key successful this:

    <script>     function loadkey () {     var keytoload = document.getelementbyid("keytoload").files[0];     var keyreader = new filereader();     keyreader.onload = function(keyloadevent)     {         var keyfromfileloaded = keyloadevent.target.result;         document.getelementbyid("key").value = keyfromfileloaded;     };     keyreader.readastext(keytoload, "utf-8"); } </script>  <h3>put key here</h3> <textarea id="key" cols="30" rows="1"></textarea> <br> <button onclick="genkey()">generate  key</button> <button onclick="savekey()">save key</button> <input type="file" id="keytoload"> <button onclick="loadkey()">load key</button> 

but loodk stupid select file button , load key button separately. hide input button , trigger clicking load key button:

<script>     function handlechoosekey() {     document.getelementbyid("keytoload").click(); }  function loadkey () {     var keytoload = document.getelementbyid("keytoload").files[0];     var keyreader = new filereader();     keyreader.onload = function(keyloadevent)     {         var keyfromfileloaded = keyloadevent.target.result;         document.getelementbyid("key").value = keyfromfileloaded;     };     keyreader.readastext(keytoload, "utf-8"); } </script>  <h3>put key here</h3> <textarea id="key" cols="30" rows="1"></textarea> <br> <button onclick="genkey()">generate  key</button> <button onclick="savekey()">save key</button> <input type="file" id="keytoload" style="display:none;"> <button onclick="handlechoosekey();loadkey();">load key</button> 

my problem cant make loadkey() function work right after key file loaded, key wont loaded until next click. please me. thank :)

try this:

<script>     function handlechoosekey() {     document.getelementbyid("keytoload").click();     document.getelementbyid("keytoload").onchange = function(e) { loadkey() }; }  function loadkey () {     var keytoload = document.getelementbyid("keytoload").files[0];     var keyreader = new filereader();     keyreader.onload = function(keyloadevent)     {         var keyfromfileloaded = keyloadevent.target.result;         document.getelementbyid("key").value = keyfromfileloaded;     };     keyreader.readastext(keytoload, "utf-8"); } </script>  <h3>put key here</h3> <textarea id="key" cols="30" rows="2"></textarea> <br> <button onclick="genkey()">generate  key</button> <button onclick="savekey()">save key</button> <input type="file" id="keytoload" style="display:none;"> <button onclick="handlechoosekey();">load key</button> 

Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -