31 lines
7.3 KiB
HTML
31 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
</head>
|
|
<body>
|
|
<input type="file" id="file"/>
|
|
</body>
|
|
<script>
|
|
const file = document.querySelector('#file')
|
|
file.addEventListener('change', (e) => {
|
|
const files = e.target.files;
|
|
Array.from(files).forEach(f => read(f))
|
|
})
|
|
|
|
const read = (f) => {
|
|
const reader = new FileReader();
|
|
reader.onload = (e) => {
|
|
const chunk = reader.result;
|
|
|
|
// data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,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
|
|
console.log(chunk);
|
|
// console.log(chunk.split(',')[0]);
|
|
// console.log(chunk.split(',')[1]);
|
|
}
|
|
|
|
reader.readAsDataURL(f)
|
|
}
|
|
</script>
|
|
</html> |