More than 1 year has passed since last update.

これからはJavaScript勉強しよう 1回目

JavaScript

Last updated at 2024-03-04Posted at 2024-03-02

次回はCSVファイルを読み込んでみる

<!DOCTYPE html>
<head>
<title>テスト画面</title>
</head>
<body>
<form name="myform">
<input name="myfile" type="file">
</form>
<script>

var form = document.forms.myform;

form.myfile.addEventListener( 'change', function(e) {
    // ファイルを取得する
    var result = e.target.files[0];

    // ファイルを読み込む
    var reader = new FileReader();
    reader.readAsText(result);

    // ファイルが読み込まれた後の処理
    reader.addEventListener('load', function() {
        document.write(reader.result);
    })

})
</script>
</body>
</html>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up