forked from sheetjs/docs.sheetjs.com
		
	
		
			
				
	
	
		
			76 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			76 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <!-- sheetjs (C) 2013-present  SheetJS http://sheetjs.com -->
 | |
| <!-- vim: set ts=2: -->
 | |
| <html>
 | |
| <head>
 | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 | |
| <title>SheetJS Live 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
 | |
| }
 | |
| #b64data{
 | |
|   width:100%;
 | |
| }
 | |
| a { text-decoration: none }
 | |
| </style>
 | |
| </head>
 | |
| <body>
 | |
| <pre>
 | |
| <b><a href="http://sheetjs.com">SheetJS Data Preview Live Demo</a></b>
 | |
| (Base64 text works back to IE6; drag and drop works back to IE10)
 | |
| 
 | |
| Output Format: <select name="format" onchange="setfmt()">
 | |
| <option value="csv" selected> CSV</option>
 | |
| <option value="json"> JSON</option>
 | |
| <option value="form"> FORMULAE</option>
 | |
| <option value="html"> HTML</option>
 | |
| </select><br />
 | |
| <div id="drop">Drop a spreadsheet file here to see sheet data</div>
 | |
| <input type="file" name="xlfile" id="xlf" /> ... or click here to select a file
 | |
| 
 | |
| <textarea id="b64data">... or paste a base64-encoding here</textarea>
 | |
| <input type="button" id="dotext" value="Click here to process the base64 text" onclick="b64it();"/><br />
 | |
| <b>Advanced Demo Options:</b>
 | |
| </pre>
 | |
| <pre id="out"></pre>
 | |
| <div id="htmlout"></div>
 | |
| <br />
 | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.16/system.js"></script>
 | |
| <script>
 | |
|   SystemJS.config({
 | |
|     meta: {
 | |
|       'xlsx': {
 | |
|         exports: 'XLSX'
 | |
|       }
 | |
|     },
 | |
|     map: {
 | |
|       'xlsx': 'https://cdn.sheetjs.com/xlsx-latest/package/dist/xlsx.full.min.js',
 | |
|       'fs': '',
 | |
|       'crypto': '',
 | |
|       'stream': ''
 | |
|     }
 | |
|   });
 | |
|   SystemJS.import('main.js');
 | |
| </script>
 | |
| <script type="text/javascript">
 | |
| /* eslint no-use-before-define:0 */
 | |
|   var _gaq = _gaq || [];
 | |
|   _gaq.push(['_setAccount', 'UA-36810333-1']);
 | |
|   _gaq.push(['_trackPageview']);
 | |
| 
 | |
|   (function() {
 | |
|     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 | |
|     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 | |
|     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 | |
|   })();
 | |
| </script>
 | |
| </body>
 | |
| </html>
 |