<!DOCTYPE html> <!-- sheetjs (C) 2013-present SheetJS https://sheetjs.com --> <!-- vim: set ts=2: --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="noindex"> <title>SheetJS jQuery Demo</title> <style> #drop { border: 2px dashed #bbb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 25px; text-align: center; font: 20pt bold, "Vollkorn"; color: #bbb } a { text-decoration: none } </style> </head> <body> <pre> <b><a href="https://sheetjs.com">SheetJS jQuery Demo</a></b> <br /> <button id="doit">Parse pres.numbers</button><br /> <div id="out"></div> (view source to see the integration code) </pre> <script src="https://cdn.sheetjs.com/xlsx-latest/package/dist/xlsx.full.min.js"></script> <script src="jquery-3.6.4.min.js"></script> <script src="jquery.binarytransport.js"></script> <script> $("#doit").click(function () { $.ajax({ type: "GET", url: "https://sheetjs.com/pres.numbers", processData: false, dataType: "binary", responseType: "arraybuffer", success: function (ab) { /* at this point, ab is an ArrayBuffer */ var wb = XLSX.read(ab); var ws = wb.Sheets[wb.SheetNames[0]]; var html = XLSX.utils.sheet_to_html(ws); $("#out").html(html); } }); }); </script> </body> </html>