forked from sheetjs/docs.sheetjs.com
59 lines
1.5 KiB
HTML
59 lines
1.5 KiB
HTML
|
<!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>
|