All examples
framework
Vue 3 component
Composition API file uploader.
Use TabularJS inside a Vue 3 single-file component with reactive state and a file input.
vue
<script setup>
import { ref } from 'vue';
import tabularjs from 'tabularjs';
const data = ref(null);
async function onChange(e) {
const file = e.target.files[0];
const result = await tabularjs(file);
data.value = result.worksheets[0].data;
}
</script>
<template>
<input type="file" @change="onChange" />
<pre v-if="data">{{ data }}</pre>
</template>Live Preview
Sample output rendered in Jspreadsheet — upload your own file to try it.
sample-output.xlsx
Drag a file anywhere on this card to replace the sample data