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
Post a Comment