HiiHahWIKI - making some notes for... -
JavaScript：ファイルを読み込みUint8Arrayを生成する
をテンプレートにして作成
開始行:
*JavaScript：ファイルを読み込みUint8Arrayを生成する [#me2...
JavaScriptでファイルを読み込み、Uint8Arrayを生成するサン...
生成したUint8Arrayはコンソールに出力します。
※IEでは動きませんｗ
Fileオブジェクト、FileReaderオブジェクトを使います。
***コード [#n0cc3b47]
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; char...
</head>
<body>
<h1>ファイルを読み込み、Uint8Arrayを生成するサンプル</...
<p>生成したUint8Arrayをconsoleに出力します。</p>
<input id="file" name="file" type="file" />
<script>
window.addEventListener('DOMContentLoaded', function() {
// ファイルが指定されたタイミングで、その情報を表示
document.querySelector("#file").addEventListener('chan...
// ファイルオブジェクトを取得
var file = document.querySelector('#file').files[0];
// FileReaderを生成
var fileReader = new FileReader();
// ファイルロードが完了したら実行
fileReader.onload = function webViewerChangeFileRead...
var buffer = evt.target.result;
var uint8Array = new Uint8Array(buffer);
// 生成したUint8Arrayをコンソールに表示
console.log(uint8Array);
};
fileReader.readAsArrayBuffer(file);
}, true);
});
</script>
</body>
</html>
終了行:
*JavaScript：ファイルを読み込みUint8Arrayを生成する [#me2...
JavaScriptでファイルを読み込み、Uint8Arrayを生成するサン...
生成したUint8Arrayはコンソールに出力します。
※IEでは動きませんｗ
Fileオブジェクト、FileReaderオブジェクトを使います。
***コード [#n0cc3b47]
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; char...
</head>
<body>
<h1>ファイルを読み込み、Uint8Arrayを生成するサンプル</...
<p>生成したUint8Arrayをconsoleに出力します。</p>
<input id="file" name="file" type="file" />
<script>
window.addEventListener('DOMContentLoaded', function() {
// ファイルが指定されたタイミングで、その情報を表示
document.querySelector("#file").addEventListener('chan...
// ファイルオブジェクトを取得
var file = document.querySelector('#file').files[0];
// FileReaderを生成
var fileReader = new FileReader();
// ファイルロードが完了したら実行
fileReader.onload = function webViewerChangeFileRead...
var buffer = evt.target.result;
var uint8Array = new Uint8Array(buffer);
// 生成したUint8Arrayをコンソールに表示
console.log(uint8Array);
};
fileReader.readAsArrayBuffer(file);
}, true);
});
</script>
</body>
</html>
ページ名:
