个人中心
gpt4 book ai didi

javascript - FileReader.readAsBinaryString() 不支持 IE 10、11

转载 作者：行者123 更新时间：2023-11-28 07:13:22 27 4
gpt4 key购买 nike

以下代码适用于 Chrome 浏览器。

$('#file').change(function(e) {
    var fileReader = new FileReader(),
        file = e.target.files[0];

        if (typeof fileReader.readAsBinaryString == "function") {
            // section #1
            var binaryString, base64;

            fileReader.onload = function(readerEvt) {
                binaryString = readerEvt.target.result;
                base64 = 'data:'+type+';base64,'+btoa(binaryString);
                socket.emit('image', { image: base64, size: file.size, filename: file.name });
            }

            fileReader.readAsBinaryString(file);
        }else{

            // section #2 in IE 10, 11...
            var binary = "", bytes = e.target.result, length = bytes.length;

            for (var i=0; i<length; i++) {
                binary += String.fromCharCode(bytes[i]);
            }

            // How can I control 'binary' variable for IE 10, 11

        }
});

我想让它像在 Google Chrome 中一样工作。

请将源代码实现到第 #2 部分。

最佳答案

虽然 documentation表示已定义 readAsBinaryString 函数，但仍然给出 无法解析 和 未找到函数定义 错误。

你可以试试这个代码。它对我有用。请引用我的评论寻求帮助。

我已在 IE 11 和 Chrome 中测试了代码。

HTML 代码

<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/jszip.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.0/xlsx.js"></script>
    <script src="index.js"></script>
</head>
<body>
    <input type="file" id="files" onchange="handleFileSelect(event)"/>
    <output id="list"></output>
</body>
</html>

Javascript代码

//readAsBinaryString function is not defined in IE
//Adding the definition to the function prototype
if (!FileReader.prototype.readAsBinaryString) {
    console.log('readAsBinaryString definition not found');

    FileReader.prototype.readAsBinaryString = function (fileData) {
        var binary = '';
        var pk = this;
        var reader = new FileReader();

        reader.onload = function (e) {
            var bytes = new Uint8Array(reader.result);
            var length = bytes.byteLength;

            for (var i = 0; i < length; i++) {
                var a = bytes[i];

                var b = String.fromCharCode(a)
                binary += b;
            }

            pk.content = binary;
            $(pk).trigger('onload');
        }

        reader.readAsArrayBuffer(fileData);
    }
}

function handleFileSelect(evt) {
    console.log(evt);

    var reader = new FileReader();

    reader.onload = function(e){
        if (reader.result)
            reader.content = reader.result;

        //In IE browser event object is null
        var data = e ? e.target.result : reader.content;
        var baseEncoded = btoa(data);
        var wb = XLSX.read(baseEncoded, {type: 'base64'});

        processWorkbook(wb);
    };

    reader.onerror = function(ex){
        console.log(ex);
    };

    //I'm reading the first file
    //You can modify it as per your need
    console.log(evt.target.files[0]);

    reader.readAsBinaryString(evt.target.files[0]);
}

function processWorkbook(workbook) {

    console.log(workbook.Sheets['sheet_name']['excel_cell_name_to_be_accessed'].v);

    //For example
    console.log(workbook.Sheets['sheet1']['C2'].v);

    //you can iterate through all the sheets
    for(var i = 0; i < workbook.SheetNames.length; i++) {
        workbook.SheetNames[i]['cell_name_to_be_accessed'] //rest of the processing
    }

    //You can now work with the workbook as per your requirements
}

关于javascript - FileReader.readAsBinaryString() 不支持 IE 10、11，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31086243/

27 4 0
文章推荐： javascript - AngularJS:将文本区域绑定(bind)到对象属性 - infdig 错误
文章推荐： iOS 模拟器自定义位置问题
文章推荐： ios - 使用 Swift 在 Parse 中覆盖 UITableView
文章推荐： swift - 如何一次存储多个属性？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com