This commit is contained in:
Nick Playfair 2025-06-10 16:30:34 +01:00
parent 9faa6ea31a
commit bf3dcc1b04
3 changed files with 10 additions and 20 deletions

View File

@ -31,20 +31,5 @@
</section> </section>
</main> </main>
<script src="dist/bundle.js"></script> <script src="dist/bundle.js"></script>
<!-- <script>
document
.getElementById('csvInput')
.addEventListener('change', function (event) {
const file = event.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function (e) {
const content = e.target.result;
document.getElementById('csvText').innerText = content;
};
reader.readAsText(file);
}
});
</script> -->
</body> </body>
</html> </html>

View File

@ -1,6 +1,4 @@
import { isJunk } from './utils'; import { isJunk } from './utils';
const csvBOM = '/tests/bom.csv';
const csv = require('csvtojson'); const csv = require('csvtojson');
export function csvToJSON(csvBOM: string): void { export function csvToJSON(csvBOM: string): void {

View File

@ -1,18 +1,25 @@
// Modules //Modules
import { csvToJSON } from './csvToJSON'; import { csvToJSON } from './csvToJSON';
//DOM elements
const input = document.getElementById('csvInput') as HTMLInputElement; const input = document.getElementById('csvInput') as HTMLInputElement;
const csvText = document.getElementById('csvText') as HTMLPreElement; const csvTextOutput = document.getElementById('csvText') as HTMLPreElement;
let rawCSV: string;
//Functions //Functions
function handleUpload(event: Event) { function handleUpload(event: Event) {
const file = (event.target as HTMLInputElement).files![0]; const file = (event.target as HTMLInputElement).files![0];
if (file) { if (file) {
//Read in from the file
const reader = new FileReader(); const reader = new FileReader();
reader.onload = function (e) { reader.onload = function (e) {
const content = (e.target as FileReader).result; const content = (e.target as FileReader).result;
if (content === null) throw new Error('CSV Cannot be null.'); if (content === null) throw new Error('CSV Cannot be null.');
csvText.innerText = content.toString(); const csvString = content.toString();
//Display the CSV contents
csvTextOutput.innerText = csvString;
//Get JSON object from the file
console.log();
}; };
reader.readAsText(file); reader.readAsText(file);
} }