Reading local files

In this tutorial you will learn how to read local files, parse their data and use it in actions.

File Input

Currently Abstra does not have a file input element, but you can create one with pure HTML:
Add one HTML element change the properties to:
<input class='file-input' type='file' />
.file-input {
width: 100%;
height: 100%;
Now you should have an file input in your page (feel free to customize it the way you want)

Select Logic

Once the input is in the screen, add and trigger and set its value to input. Then add the Javascript Code action that will use the files under event.target.files
With event.target.files you can read the file contents and all sort of things.

Example: Parse CSV

For example you can select a CSV file and parse its contents to use with other action flows.
First add the parser to an on page start action that loads the following script
Then on the Javascript Action you can paste the following script (note that if your CSV have headers you can set the flag to true)
await new Promise((res, rej) => {
Papa.parse($.event.target.files[0], {
complete: ({ data }) => res(data),
header: false
Then you can set a variable or do any other actions: