iT邦幫忙

0

【已解決】要如何在JavaScript中讀取檔案?

  • 分享至 

  • xImage

大家好,
請問要怎麼用JS讀取像是csv、影片檔、excel、exe等的檔案?

在測試時,我的根目錄裡,只有三個檔案,分別是 index.htmladmin.csvclassData.json

在index.html裡,可以import json的檔案

<script type="module">
    import ClassData from './classData.json' assert { type: "json" };
</script>

但是我如法炮製,想要import csv檔時,卻出錯了。

所以我試著用new File()new Blob()new FileReader()建立新的 input,這四種方法去讀取csv,

const file = new File()
const blob = new Blob()
const reader = new FileReader();
const fileInput = () => {
    let input = document.createElement('input')
    let inputAttr = {
        id: 'fileItem',
        type: 'file',
        accept:"",
        multiple:'multiple'
    }
    Object.entries(inputAttr).map(e=>{
        input.setAttribute(e[0],e[1])
    })
    return input
}

不過皆發現,不知道要怎麼導入路徑./admin.csv到這四種方法裡面,
他們都只接受Blob物件或字串..

是要使用fetch('./admin.csv').then()去讀取嗎?
如果是影音檔或其他檔,該怎麼辦呢?
感謝

froce iT邦大師 1 級 ‧ 2023-01-13 09:54:57 檢舉
沒辦法,瀏覽器端的javascript沒辦法讀取使用者電腦內的資源。
你得弄個後端去處理資料後傳送。
fillano iT邦超人 1 級 ‧ 2023-01-13 13:27:44 檢舉
你用的方式是不可能直接去讀檔案系統的,這些方法需要你透過<input type=file>選檔案或是drag and drop檔案才能讀取。
greenriver iT邦研究生 4 級 ‧ 2023-01-13 16:26:39 檢舉
原來如此~謝謝你們
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
Oo_花之舞__oO
iT邦新手 1 級 ‧ 2023-01-14 15:57:16

JavaScript無法操作這些東西XDD

必須用node.js或是python這種腳本語言,雖然我也很愛JavaScript,想拿他操作系統內的資料,
但很抱歉他的能力有限,嗚嗚。

所以學個JS配python是個不錯的組合。

我要發表回答

立即登入回答