【图片和表格数据导出excel】js把表格导出成excel格式，表格内的图片一起导出

已于 2024-06-12 13:49:54 修改
阅读量498 收藏 4
点赞数 1
分类专栏： 功能实现 文章标签： excel javascript 开发语言 导出excel 图片导出excel
于 2024-06-12 13:28:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seeeeeeeeeee/article/details/139624075
版权

效果图

在这里插入图片描述

代码

1，js代码，把这个代码复制到一个js文件内
表格样式可以在这里面调整，就是直接加在表格的标签上写样式，tr td 之类的

/* eslint-disable */
let idTmr;
const getExplorer = () => {
  let explorer = window.navigator.userAgent;
  //ie
  if (explorer.indexOf("MSIE") >= 0) {
    return 'ie';
  }
  //firefox
 
  else if (explorer.indexOf("Firefox") >= 0) {
    return 'Firefox';
  }
  //Chrome
  else if (explorer.indexOf("Chrome") >= 0) {
    return 'Chrome';
  }
  //Opera
  else if (explorer.indexOf("Opera") >= 0) {
    return 'Opera';
  }
  //Safari
  else if (explorer.indexOf("Safari") >= 0) {
    return 'Safari';
  }
}
// 判断浏览器是否为IE
const exportToExcel = (data,name) => {
 
  // 判断是否为IE
  if (getExplorer() == 'ie') {
    tableToIE(data, name)
  } else {
    tableToNotIE(data,name)
  }
}
 
const Cleanup = () => {
  window.clearInterval(idTmr);
}
 
// ie浏览器下执行
const tableToIE = (data, name) => {
  let curTbl = data;
  let oXL = new ActiveXObject("Excel.Application");
 
  //创建AX对象excel
  let oWB = oXL.Workbooks.Add();
  //获取workbook对象
  let xlsheet = oWB.Worksheets(1);
  //激活当前sheet
  let sel = document.body.createTextRange();
  sel.moveToElementText(curTbl);
  //把表格中的内容移到TextRange中
  sel.select;
  //全选TextRange中内容
  sel.execCommand("Copy");
  //复制TextRange中内容
  xlsheet.Paste();
  //粘贴到活动的EXCEL中
 
  oXL.Visible = true;
  //设置excel可见属性
 
  try {
    let fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
  } catch (e) {
    print("Nested catch caught " + e);
  } finally {
    oWB.SaveAs(fname);
 
    oWB.Close(savechanges = false);
    //xls.visible = false;
    oXL.Quit();
    oXL = null;
    // 结束excel进程，退出完成
    window.setInterval("Cleanup();", 1);
    idTmr = window.setInterval("Cleanup();", 1);
  }
}
 
// 非ie浏览器下执行
const tableToNotIE = (function() {
  // 编码要用utf-8不然默认gbk会出现中文乱码
  let uri = 'data:application/vnd.ms-excel;base64,',
    template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><meta charset="UTF-8"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',
    base64 = function(s) {
      return window.btoa(unescape(encodeURIComponent(s)));
 
    },
 
    format = (s, c) => {
      return s.replace(/{(\w+)}/g,
        (m, p) => {
          return c[p];
        })
    }
  return (table, name) => {
    let ctx = {
      worksheet: name,
      table
    }
 
    //创建下载
    let link = document.createElement('a');
    link.setAttribute('href', uri + base64(format(template, ctx)));
 
    link.setAttribute('download', name);
 
 
    // window.location.href = uri + base64(format(template, ctx))
    link.click();
  }
})()
 
// 导出函数
const export2Excel = (theadData, tbodyData, dataname) => {
 
  let re = /http/ // 字符串中包含http,则默认为图片地址
  let th_len = theadData.length // 表头的长度
  let tb_len = tbodyData.length // 记录条数
  let width = 120 // 设置图片大小
  let height = 120
 
  // 添加表头信息
  let thead = '<thead><tr style="width:' + 200 + 'px;height:' + 50 + 'px;">'
  for (let i = 0; i < th_len; i++) {
    thead += '<th>' + theadData[i] + '</th>'
  }
  thead += '</tr></thead>'
 
  // 添加每一行数据
  let tbody = '<tbody>'
  for (let i = 0; i < tb_len; i++) {
    tbody += '<tr>'
    let row = tbodyData[i] // 获取每一行数据
 
    for (let key in row) {
      if (re.test(row[key])) { // 如果为图片，则需要加div包住图片
        // 
        tbody += '<td style="width:' + width + 'px; height:' + height + 'px; text-align: center; vertical-align: middle"><div style="display:inline"><img src=\'' + row[key] + '\' ' + ' ' + 'width=' + '\"' + width + '\"' + ' ' + 'height=' + '\"' + height + '\"' + '></div></td>'
      } else {
        tbody += '<td style="text-align:center">' + row[key] + '</td>'
      }
    }
    tbody += '</tr>'
  }
  tbody += '</tbody>'
 
  let table = thead + tbody
 
  // 导出表格
  exportToExcel(table, dataname)
}

2，使用方法，组好表头和内容就行，图片会自动识别的。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 公共css文件 -->
    <link rel="stylesheet" href="/statics/css/common/common.css">
    <!-- 公共js文件 -->
    <script type="text/javascript" src="/statics/vue_element/common.js"></script>
    <!-- vue方面文件 -->
    <link rel="stylesheet" href="/statics/vue_element/element.css">
    <script src="/statics/vue_element/vue.js"></script>
    <script src="/statics/vue_element/element.js"></script>
    <script src="/statics/vue_element/axios.js"></script>
    <!-- 引入excel导出组件 -->
    <script src="./qdcs.js"></script>
    <title>测试</title>
</head>

<body>
    <div id="app">
        <div @click="ceshi">
            导出测试
        </div>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                tHeader: [
                    '科室',
                    '部门',
                    '照片'
                ],
                tbody: [
                    {
                        name: '科室1',
                        color: '部门1',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室12',
                        color: '部门2',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室13',
                        color: '部门3',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室14',
                        color: '部门4',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室15',
                        color: '部门5',
                        imgs: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    }
                ]
            }
        },
        methods: {
            ceshi(){
                export2Excel(this.tHeader, this.tbody, '我爱花朵')
            }
        }
    })
</script>

</html>

第二种写法(根据表头的key找表体内的内容一一对应)

js文件的内容

/* eslint-disable */
let idTmr;
const getExplorer = () => {
    let explorer = window.navigator.userAgent;
    //ie
    if (explorer.indexOf("MSIE") >= 0) {
        return 'ie';
    }
    //firefox

    else if (explorer.indexOf("Firefox") >= 0) {
        return 'Firefox';
    }
    //Chrome
    else if (explorer.indexOf("Chrome") >= 0) {
        return 'Chrome';
    }
    //Opera
    else if (explorer.indexOf("Opera") >= 0) {
        return 'Opera';
    }
    //Safari
    else if (explorer.indexOf("Safari") >= 0) {
        return 'Safari';
    }
}
// 判断浏览器是否为IE
const exportToExcel = (data, name) => {

    // 判断是否为IE
    if (getExplorer() == 'ie') {
        tableToIE(data, name)
    } else {
        tableToNotIE(data, name)
    }
}

const Cleanup = () => {
    window.clearInterval(idTmr);
}

// ie浏览器下执行
const tableToIE = (data, name) => {
    let curTbl = data;
    let oXL = new ActiveXObject("Excel.Application");

    //创建AX对象excel
    let oWB = oXL.Workbooks.Add();
    //获取workbook对象
    let xlsheet = oWB.Worksheets(1);
    //激活当前sheet
    let sel = document.body.createTextRange();
    sel.moveToElementText(curTbl);
    //把表格中的内容移到TextRange中
    sel.select;
    //全选TextRange中内容
    sel.execCommand("Copy");
    //复制TextRange中内容
    xlsheet.Paste();
    //粘贴到活动的EXCEL中

    oXL.Visible = true;
    //设置excel可见属性

    try {
        let fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
    } catch (e) {
        print("Nested catch caught " + e);
    } finally {
        oWB.SaveAs(fname);

        oWB.Close(savechanges = false);
        //xls.visible = false;
        oXL.Quit();
        oXL = null;
        // 结束excel进程，退出完成
        window.setInterval("Cleanup();", 1);
        idTmr = window.setInterval("Cleanup();", 1);
    }
}

// 非ie浏览器下执行
const tableToNotIE = (function () {
    // 编码要用utf-8不然默认gbk会出现中文乱码
    let uri = 'data:application/vnd.ms-excel;base64,',
        template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><meta charset="UTF-8"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',
        base64 = function (s) {
            return window.btoa(unescape(encodeURIComponent(s)));

        },

        format = (s, c) => {
            return s.replace(/{(\w+)}/g,
                (m, p) => {
                    return c[p];
                })
        }
    return (table, name) => {
        let ctx = {
            worksheet: name,
            table
        }

        //创建下载
        let link = document.createElement('a');
        link.setAttribute('href', uri + base64(format(template, ctx)));

        link.setAttribute('download', name);


        // window.location.href = uri + base64(format(template, ctx))
        link.click();
    }
})()

// 导出函数（表头，表体，导出名称）
const export2Excel = (theadData, tbodyData, dataname) => {

    let re = /http/ // 字符串中包含http,则默认为图片地址
    let th_len = theadData.length // 表头的长度
    let tb_len = tbodyData.length // 记录条数
    let width = 120 // 设置图片大小
    let height = 120

    // 添加表头信息
    let thead = '<thead><tr style="width:' + 200 + 'px;height:' + 50 + 'px;">'
    for (let i = 0; i < th_len; i++) {
        thead += '<th>' + theadData[i].name + '</th>'
    }
    thead += '</tr></thead>'

    // 添加每一行数据
    let tbody = '<tbody>'
    for (let i = 0; i < tb_len; i++) {
        tbody += '<tr>'
        let row = tbodyData[i] // 获取每一行数据

        for (let h = 0; h < th_len; h++) {
            if (re.test(row[theadData[h].key])) { // 如果为图片，则需要加div包住图片
                console.log(row[theadData[h].key], 'row[key]');
                tbody += '<td style="width:' + width + 'px; height:' + height + 'px; text-align: center; vertical-align: middle"><div style="display:inline"><img src=\'' + row[theadData[h].key] + '\' ' + ' ' + 'width=' + '\"' + width + '\"' + ' ' + 'height=' + '\"' + height + '\"' + '></div></td>'
            } else {
                tbody += '<td style="text-align:center">' + row[theadData[h].key] + '</td>'
            }
        }
        tbody += '</tr>'
    }
    tbody += '</tbody>'

    let table = thead + tbody

    // 导出表格
    exportToExcel(table, dataname)
}

html使用的方法

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 公共css文件 -->
    <link rel="stylesheet" href="/statics/css/common/common.css">
    <!-- 公共js文件 -->
    <script type="text/javascript" src="/statics/vue_element/common.js"></script>
    <!-- vue方面文件 -->
    <link rel="stylesheet" href="/statics/vue_element/element.css">
    <script src="/statics/vue_element/vue.js"></script>
    <script src="/statics/vue_element/element.js"></script>
    <script src="/statics/vue_element/axios.js"></script>
    <!-- 引入excel导出组件 -->
    <script src="./qdcs.js"></script>
    <title>测试</title>
</head>

<body>
    <div id="app">
        <div @click="ceshi">
            导出测试
        </div>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                tHeader: [
                    {
                        name:'科室',
                        key:'name',
                    },
                    {
                        name:'部门',
                        key:'color',
                    },
                    {
                        name:'照片',
                        key:'img',
                    }
                ],
                tbody: [
                    {
                        name: '科室1',
                        color: '部门1',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室12',
                        color: '部门2',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室13',
                        color: '部门3',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室14',
                        color: '部门4',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    },
                    {
                        name: '科室15',
                        color: '部门5',
                        img: 'https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0510%2F11290a01j00sd90qe001dd000hs00hsg.jpg&thumbnail=660x2147483647&quality=80&type=jpg'
                    }
                ]
            }
        },
        methods: {
            ceshi(){
                export2Excel(this.tHeader, this.tbody, '我爱花朵')
            }
        }
    })
</script>

</html>```
接口写好了吗
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
js转换图片到Excel 里面
05-10
web页面使用JS把硬盘上的图片读取后写入到EXcel中，使用注意SRC中的图片名。
Javascript 实现 Excel 导入生成图表功能
10-17
主要介绍了Javascript 实现 Excel 导入生成图表功能，本文通过实例代码讲解给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
纯前端操作，JavaScript导出数据为excel文件
最新发布
Salted fish in hand, I have the world.
07-05 1061
最近我在进行一些前端小开发，遇到了一个小需求：我想要将数据导出到 Excel 文件，并希望能够封装成一个函数来实现。这个函数需要接收一个二维数组作为参数，数组的第一行是表头。在导出的过程中，要能够确保避免出现中文乱码的情况。另外，考虑到数组中可能包含回车、逗号、换行符等特殊字符，咱们该如何处理这些情况呢？ 解决方案 1...
JavaScript导出图片和数据到Excel
热门推荐
xiaoxiaojie12321的博客
08-17 3万+
以下方法可以利用json数据将图片地址生成图片导出到Excel，同样也可以将数据导出到Excel。解决网上许多方法关于导出图片到Excel却无法让图片在单元格内显示的问题，也解决了各类浏览器兼容问题。话不多少，先上车吧（哈哈） 1、安装依赖 npminstall js-table2excel 2、在页面中引入,并注入数据。栗子 const column = [ { titl...
JS导出带图片的Excel
qq_2827625379的博客
09-10 3095
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导出图片和数据到Excel</title> </head> <body> </body> <script> /* eslint-disable */ let idTmr; const getExplorer = () => { let
Excel.js导出图片和表格
weixin_45514326的博客
10-25 1983
纯前端导出excel
js 实现 用JavaScript导出图像到Excel
03-30
js 实现 用JavaScript导出图像到Excel! 值得下载看看!资源免费,大家分享!!
js导出excel
qq_38402659的博客
04-28 136
/* eslint-disable */ let idTmr; const getExplorer = function () { let explorer = window.navigator.userAgent; //ie if (explorer.indexOf("MSIE") >= 0) { return 'ie'; } //firefox els...
前端（vue）exceljs导出Excel（导出图片）
社会底层无业大学生
01-17 3333
前端（vue）exceljs导出Excel，顺带导出图片，详细介绍，不能用我吃翔
vue js-table2excel + xlsx 文件导入导出 （导出包含图片）
qq_44428688的博客
01-03 2235
如果做文件的小批量导出不用转换base64 直接用http url即可 文件量或者图片过大可能会出现加载失败的情况 避免这个问题 是跑all方法去请求url资源转换成base64 再渲染就能够全部导出 转base64的时候做了一个图片压缩 不需要的可以去掉。代码中掺杂着文本匹配Id 的逻辑 不需要的可以忽略 #@是个人习惯 可以换成别的 表格头文本描述和字段值的分隔符。需要安装以下这两个依赖包 js-table2excel 用于文件导出 xlsx 用于文件导入。
vue导出excel表格（包含图片）
zybijiso666的博客
07-31 1260
1、安装依赖：npm install xlsx。
js实现Excel导出
03-01
最近在做一个项目，涉及到导出数据到Excel表格，由于是采用的前后端分离模式开发的，之前常用的方法已经失效，在网上找了一些资料和方法，已经完成整理，都能正常使用
Nodejs导出Excel带图片，Nodejs后台导出带图片Excel
11-03
Nodejs导出Excel带图片，Nodejs后台导出带图片Excel 本资源内有说明及使用安装等详细步骤，以及引入插件 由于nodejs导出Excel带图片的资源比较少，我也是找了许久才知道怎么写的，这里发布个收费的，望各位见谅！
Vue2.0实现将页面中表格数据导出excel的实例
08-29
Vue2.0实现将页面中表格数据导出excel的实例 本篇文章主要介绍了Vue2.0实现将页面中表格数据导出excel的实例，非常具有实用价值，感兴趣的同学可以了解一下。 一、安装依赖 在实现将页面中表格数据导出excel的...
nodejs将mysql数据库中的数据导出成excel表格文件
08-11
在IT行业中，经常需要将数据库中的数据转换成便于分析和分享的格式，Excel表格就是一种常用的工具。本示例展示了如何使用Node.js实现这一功能，特别是针对MySQL数据库。以下是关于这个主题的详细知识： 首先，我们...
layui数据表格导出Excel插件
07-20
layui数据表格导出Excel插件是一款为layui框架设计的实用工具，它允许用户方便地将layui数据表格中的数据导出到Excel文件中。layui是一款轻量级的前端UI框架，以其简洁、优雅的代码风格和丰富的组件库深受开发者喜爱...
js网页表格导出excel文件代码
07-24
总结来说，JavaScript网页表格导出Excel文件的核心技术包括解析HTML表格，生成CSV或使用SheetJS生成.xlsx文件，以及使用FileSaver.js进行文件保存。通过理解这些技术，开发者可以轻松地实现网页表格数据的导出功能，...
JS数据导出Excel案例代码
01-07
总的来说，JS数据导出Excel涉及了JavaScript的数据处理、文件格式转换和浏览器API的使用，对于Web开发者来说是一项实用技能。通过理解这些知识点，你可以创建用户友好的功能，使他们能够方便地导出和管理数据。
前端实现将数据（含文字、图片）导出到Excel中
XUANEER的博客
04-16 386
【代码】前端实现将数据（含文字、图片）导出到Excel中。
vue表格数据导出excel表格
05-12
你可以使用以下步骤在 Vue 中导出 Excel 表格： 1. 安装 `xlsx` 和 `file-saver` 库： ```bash npm install xlsx file-saver --save ``` 2. 在 Vue 组件中引入这两个库： ```javascript import XLSX from 'xlsx'; import FileSaver from 'file-saver'; ``` 3. 创建一个方法来实现导出 Excel 表格的逻辑： ```javascript exportExcel() { const worksheet = XLSX.utils.json_to_sheet(this.tableData); const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' }); const data = new Blob([excelBuffer], { type: 'application/octet-stream' }); FileSaver.saveAs(data, 'table.xlsx'); } ``` 在上面的代码中，我们首先将表格数据转换成工作表对象，然后将工作表对象添加到工作簿对象中。接着，我们使用 `XLSX.write` 方法将工作簿对象转换成 Excel 文件的二进制数据。最后，我们将二进制数据保存到 `Blob` 对象中，并使用 `FileSaver.saveAs` 方法将其保存为 Excel 文件。 4. 在 Vue 模板中添加一个按钮来触发导出方法： ```html <template> <div> <button @click="exportExcel">导出 Excel</button> <table> <thead> <tr> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> </thead> <tbody> <tr v-for="item in tableData" :key="item.id"> <td>{{ item.name }}</td> <td>{{ item.age }}</td> <td>{{ item.gender }}</td> </tr> </tbody> </table> </div> </template> ``` 在上面的代码中，我们添加了一个按钮来触发导出方法，并在表格中展示了数据。 这样，你就可以在 Vue 中轻松地实现导出 Excel 表格的功能了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

接口写好了吗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值