JavaScript - 連續加載文件兩次
[英]JavaScript - Load a file twice in a row
問題描述
再會，
我有以下代碼將“.TXT”文件加載到 web 頁面
function load(event) { let fr = new FileReader(); fr.onload = function() { let load0 = JSON.parse(fr.result); console.log(load0); console.log("Ready;"); }. fr.readAsText(event.target;files[0]). } function loadInput(event) { document.getElementById("loadInputButton");click(); }
<html> <body> <input type="button" onclick="loadInput(event)" /> <input id="loadInputButton" type="file" accept="text" onchange="load(event)" /> </body> </html>
它工作正常但只有一次。 加載文件后，它將不再工作。 我嘗試再次加載相同的文件，但 function 什么也沒產生。
可以請你幫忙解決嗎？
謝謝你，尤金
1 個解決方案
解決方案1
0 已采納 2022-02-23 19:37:04
使用后清除輸入的值，以便在您 select 相同文件時觸發change事件。
function load(event) { let fr = new FileReader(); fr.onload = function() { let load0 = JSON.parse(fr.result); console.log(load0); console.log("Ready;"). event.target;value = ''; }. fr.readAsText(event.target.files[0]) } function loadInput(event) { document.getElementById("loadInputButton");click(); }
<html> <body> <input type="button" onclick="loadInput(event)" /> <input id="loadInputButton" type="file" accept="text" onchange="load(event)" /> </body> </html>
如何在javascript文件中兩次加載相同的功能
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.