JS button 如何取得input 的files 檔案來讀取

js button onclick files

noway 2023-05-13 13:55:40 ‧ 960 瀏覽

分享至

您好：
程式碼如下：
目前想用eXECLEJS讀取XLSX檔案
但遇到一個問題
原範例他用input onchange，若連續兩次同檔名，他第二次沒有反應

想用 BUTTON 的onclick 來取得 input 內的 file,該如何來做?
var reader = new FileReader();
需要 reader.readAsArrayBuffer(file);

但 onclick 只能用以下
var f = $("#FileUpload1").val(); //---檔名
var fileName = f.replace('C:\fakepath\', ''); // 「C:\fakepath\」是固定名稱

取得檔名，無法取得檔案來讀取!!!

謝謝!

<!-- <input id="FileUpload1" name="FileUpload1" type="file" onchange="parseExcelFile2(this)"   />    -->
     <input id="FileUpload1" name="FileUpload1" type="file"   />     
      <input id="Button1" type="button"  value="上傳" onclick="importXLS()" />

增廣建文 iT邦研究生 5 級 ‧ 2023-05-13 17:16:18 檢舉

所以問題應該是卡在file input按鈕在檔名相同時無效?

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

淺水員

iT邦大師 6 級 ‧ 2023-05-15 00:51:55

最佳解答

提供參考

<input id="FileUpload1" name="FileUpload1" type="file">
<input id="Button1" type="button"  value="上傳">
<script>
    document.querySelector('#Button1').addEventListener('click', function(evt) {
        let inputEle = document.querySelector('#FileUpload1');
        console.log(inputEle.files); // 後續用 FileReader 讀取(略)
    });
</script>