How to read file uploaded in Drag & Drop

[leorcdias]

I am trying to read an XLSX file when uploading in the "Drag & Drop" field. How can I do this without using jQuery's change function?

My project is part of a college assignment, which I am due to deliver this Saturday, and I have problems with that part :(

Library used to read XLSX: SheetJS

My JS Code:

function uploadedXLSX(e) { let reader = new FileReader(); reader.readAsBinaryString(e.target.files[0]) reader.onload = (e) => { let data = e.target.result; let workbook = XLSX.read(data,{type: 'binary'}); let first_sheet_name = workbook.SheetNames[0]; let worksheet = workbook.Sheets[first_sheet_name]; let jsonObj = XLSX.utils.sheet_to_json(worksheet,{raw: false}); return orderData(jsonObj) } }

$(document).ready(function () { $('#fileUploader').change(function (e) { uploadedXLSX(e); }); });

dmUploader Config:

url: 'backend/upload.php', maxFileSize: 5000000, // 5 Megs, extFilter: ["xls", "xlsx"], multiple: false