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://docs.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> |