javascript - 使用 javascript : numbers output as octal with missing leading zero HTML 表格输出到 Excel

标签 javascript numbers zero octal excellentexport

我有一个 html 表格,我正在使用 javascript 将其传递到 Excel 文件。 我正在使用从 https://github.com/jmaister/excellentexport 下载的 excellentexport 库。 表中的数据可以很好地传输到 Excel 文件,但数字列除外,其中某些行以零开头,并且当数据传输到 Excel 时,数字被视为八进制。不从零开始的数字传输得很好。因此,例如 0001 在 Excel 文件中将是 1,我确实需要将其输出为 0001 与原始文件一样。 附上我的实时示例代码:http://jsfiddle.net/mv4ooc7m/1/,我需要 excel 输出与 HTML 表相同。 任何人都可以帮助我如何修复 JavaScript 代码并将数据作为字符串发送?我很高兴找到解决方案,非常感谢您的帮助!

HTML:

    <div id="itemRowsList2">
<table class="table table-hover" name="ItemsList" border="2">
<tbody>
<tr class="active" id="rowNum1"><td class="active">0001</td></tr>
<tr class="active" id="rowNum2"><td class="active">0002 </td></tr>
<tr class="active" id="rowNum3"><td class="active">1001 </td></tr>
<tr class="active" id="rowNum4"><td class="active">1002 </td></tr>
</tbody></table>
</div>

Javascript:

/**
 * ExcellentExport.
 * A client side Javascript export to Excel.
 *
 * @author: Jordi Burgos (<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="660c0914020f04131401091526010b070f0a4805090b" rel="noreferrer noopener nofollow">[email protected]</a>)
 *
 * Based on:
 * https://gist.github.com/insin/1031969
 * http://jsfiddle.net/insin/cmewv/
 *
 * CSV: http://en.wikipedia.org/wiki/Comma-separated_values
 */

/*
 * Base64 encoder/decoder from: http://jsperf.com/base64-optimized
 */

/*jslint browser: true, bitwise: true, plusplus: true, vars: true, white: true */

var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
var fromCharCode = String.fromCharCode;
var INVALID_CHARACTER_ERR = (function () {
        "use strict";
        // fabricate a suitable error object
        try {
            document.createElement('$');
        } catch (error) {
            return error;
        }
    }());

// encoder
if (!window.btoa) {
    window.btoa = function (string) {
        "use strict";
        var a, b, b1, b2, b3, b4, c, i = 0, len = string.length, max = Math.max, result = '';

        while (i < len) {
            a = string.charCodeAt(i++) || 0;
            b = string.charCodeAt(i++) || 0;
            c = string.charCodeAt(i++) || 0;

            if (max(a, b, c) > 0xFF) {
                throw INVALID_CHARACTER_ERR;
            }

            b1 = (a >> 2) & 0x3F;
            b2 = ((a & 0x3) << 4) | ((b >> 4) & 0xF);
            b3 = ((b & 0xF) << 2) | ((c >> 6) & 0x3);
            b4 = c & 0x3F;

            if (!b) {
                b3 = b4 = 64;
            } else if (!c) {
                b4 = 64;
            }
            result += characters.charAt(b1) + characters.charAt(b2) + characters.charAt(b3) + characters.charAt(b4);
        }
        return result;
    };
}

// decoder
if (!window.atob) {
    window.atob = function(string) {
        "use strict";
        string = string.replace(new RegExp("=+$"), '');
        var a, b, b1, b2, b3, b4, c, i = 0, len = string.length, chars = [];

        if (len % 4 === 1) {
            throw INVALID_CHARACTER_ERR;
        }

        while (i < len) {
            b1 = characters.indexOf(string.charAt(i++));
            b2 = characters.indexOf(string.charAt(i++));
            b3 = characters.indexOf(string.charAt(i++));
            b4 = characters.indexOf(string.charAt(i++));

            a = ((b1 & 0x3F) << 2) | ((b2 >> 4) & 0x3);
            b = ((b2 & 0xF) << 4) | ((b3 >> 2) & 0xF);
            c = ((b3 & 0x3) << 6) | (b4 & 0x3F);

            chars.push(fromCharCode(a));
            b && chars.push(fromCharCode(b));
            c && chars.push(fromCharCode(c));
        }
        return chars.join('');
    };
}


ExcellentExport = (function() {
    "use strict";
    var version = "1.3";
    var csvSeparator = ',';
    var uri = {excel: 'data:application/vnd.ms-excel;base64,', csv: 'data:application/csv;base64,'};
    var template = {excel: '<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 http-equiv="Content-Type" content="text/html; 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>'};
    var csvDelimiter = ",";
    var csvNewLine = "\r\n";
    var base64 = function(s) {
        return window.btoa(window.unescape(encodeURIComponent(s)));
    };
    var format = function(s, c) {
        return s.replace(new RegExp("{(\\w+)}", "g"), function(m, p) {
            return c[p];
        });
    };

    var get = function(element) {
        if (!element.nodeType) {
            return document.getElementById(element);
        }
        return element;
    };

    var fixCSVField = function(value) {
        var fixedValue = value;
        var addQuotes = (value.indexOf(csvDelimiter) !== -1) || (value.indexOf('\r') !== -1) || (value.indexOf('\n') !== -1);
        var replaceDoubleQuotes = (value.indexOf('"') !== -1);

        if (replaceDoubleQuotes) {
            fixedValue = fixedValue.replace(/"/g, '""');
        }
        if (addQuotes || replaceDoubleQuotes) {
            fixedValue = '"' + fixedValue + '"';
        }
        return fixedValue;
    };

    var tableToCSV = function(table) {
        var data = "";
        var i, j, row, col;
        for (i = 0; i < table.rows.length; i++) {
            row = table.rows[i];
            for (j = 0; j < row.cells.length; j++) {
                col = row.cells[j];
                data = data + (j ? csvDelimiter : '') + fixCSVField(col.textContent.trim());
            }
            data = data + csvNewLine;
        }
        return data;
    };

    var ee = {
        /** @expose */
        excel: function(anchor, table, name) {
            table = get(table);
            var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};
            var hrefvalue = uri.excel + base64(format(template.excel, ctx));
            anchor.href = hrefvalue;
            // Return true to allow the link to work
            return true;
        },
        /** @expose */
        csv: function(anchor, table, delimiter, newLine) {
            if (delimiter !== undefined && delimiter) {
                csvDelimiter = delimiter;
            }
            if (newLine !== undefined && newLine) {
                csvNewLine = newLine;
            }
            table = get(table);
            var csvData = tableToCSV(table);
            var hrefvalue = uri.csv + base64(csvData);
            anchor.href = hrefvalue;
            return true;
        }
    };

    return ee;
}());

最佳答案

x:str 对我来说效果很好!

<div id="itemRowsList2">
<table class="table table-hover" name="ItemsList" border="2">
<tbody>
<tr class="active" id="rowNum1"><td class="active" x:str="0001">0001</td></tr>
<tr class="active" id="rowNum2"><td class="active" x:str="0002">0002</td></tr>
<tr class="active" id="rowNum3"><td class="active" x:str="1001">1001</td></tr>
<tr class="active" id="rowNum4"><td class="active" x:str="1002">1002</td></tr>
</tbody></table>
</div>

关于javascript - 使用 javascript : numbers output as octal with missing leading zero HTML 表格输出到 Excel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31775149/

相关文章:

c++ - 你会使用 num%2 还是 num&1 来检查一个数字是否是偶数?

javascript - 为什么我不能在不损失 JS 精度的情况下将字符串转换为数字?

c++ - 丰富的数字测试

c++ - Stringstream C++ while 循环

javascript - 如何在 Web 应用程序中嵌入响应式(Reactive) Youtube 播放器(例如 Facebook 上使用的播放器)?

javascript - 当编码为 javascript 时,我的 php 字符串变得很奇怪

javascript - 使用带 Angular Bootstrap 日期选择器

javascript - Cordova Media Capture captureImage 在 IOS 上崩溃

php - 创建搜索功能,为什么是 "Warning: Division by zero in/path/test.php on line 29 Query was empty"

如果没有找到记录,Mysql 计数返回零