在客户端导入和导出Excel文件 < 导入导出参考 < SpreadJS 中文文档 | 葡萄城 SpreadJS 表格控件在线文档

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

暴走的感冒药 · Click in Spline shows ...· 1 周前 ·

重情义的单杠 · 在 JavaScript 中获取 ...· 6 天前 ·

奋斗的企鹅 · JS---DOM---点击操作---part ...· 6 天前 ·

闯红灯的台灯 · Re: CDATA Error - ...· 6 天前 ·

爱看球的斑马 · 姚明为何会“应力性骨折”？--舆情频道· 4 月前 ·

想发财的沙发 · 汇川技术扩产新能源车核心零部件：电驱系统、电 ...· 4 月前 ·

慷慨的抽屉 · 抖音精选，每次打开都有收获· 5 月前 ·

聪明的绿茶 · 全国首例：支付宝扫码直接坐火车，刷脸回家过大 ...· 6 月前 ·

爱旅游的伤疤 · “数智大脑”引领轻装快跑· 6 月前 ·

你可以通过客户端的导入和导出方法将 Excel 转为 JSON 或者将 JSON 对象转换为 Excel。

导出的 Excel 文件由于是从浏览器上下载的，将会被锁定。Excel 导出是通过客户端导出的，不用和服务器交互。当你首次打开 Excel 文件的时候，会显示一个警告信息。

<!DOCTYPE html> 是必须的。另外，为了导入和导出excel文件，用户需要参考该文件: gc.spread.excelio. . .*.min.js

你可以下载 Excel 文件到本地，或者直接获取 Excel 文件的内容（blob）并将其发送到服务器中。

Excel导入和导出提供以下方法:

下表列出了从Excel文件导入或导出的功能。

导入 (excel 到 json) 导出 (json 到 excel)

下列代码打开并保存了一个 Excel 文件。第一部分的代码是所依赖的 JavaScript 文件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
    <link href="./css/gc.spread.sheets.excel2013white.x.xx.xxxx.x.css" rel="stylesheet"/>
    <script src="./scripts/gc.spread.sheets.all.x.xx.xxxx.x.min.js" type="application/javascript"></script>
    <!--For client-side excel i/o-->
    <script src="./scripts/interop/gc.spread.excelio.x.xx.xxxxx.x.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<title>SpreadJS V11 Client Side ExcelIO</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
    <link href="./css/gc.spread.sheets.excel2013white.13.0.0.css" rel="stylesheet"/>
    <script src="./scripts/gc.spread.sheets.all.13.0.0.min.js" type="application/javascript"></script>
    <!--For client-side excel i/o-->
    <script src="./scripts/interop/gc.spread.excelio.13.0.0.min.js"></script>
</head>
<input type="file" name="files[]" id="fileDemo" accept=".xlsx,.xls"/>
    <input type="button" id="loadExcel" value="Import" onclick="ImportFile()"/>   
    <input type="button" class="btn btn-default" id="saveExcel" value="Export" onclick="ExportFile()"/>
<input type="text" id="exportFileName" placeholder="Export file name" class="form-control" value="export.xlsx"/>
    <div id="ss" style="width:100%;height:500px"></div>
</body>
<script>
var workbook, excelIO;
window.onload = function () {
workbook = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
excelIO = new GC.Spread.Excel.IO();
function ImportFile() {
    var excelFile = document.getElementById("fileDemo").files[0];
    excelIO.open(excelFile, function (json) {
        var workbookObj = json;
       workbook.fromJSON(workbookObj);
    }, function (e) {
        console.log(e);
function ExportFile() {
    var fileName = document.getElementById("exportFileName").value;
    if (fileName.substr(-5, 5) !== '.xlsx') {
        fileName += '.xlsx';
    var json = JSON.stringify(workbook.toJSON());
    excelIO.save(json, function (blob) {
        saveAs(blob, fileName);
    }, function (e) {
        console.log(e);
</script>
</html>