<ul id="2gaim"></ul>

<strike id="2gaim"></strike>

關(guān)于ie11和谷歌下載功能的兼容性處理

Neilyo 發(fā)布于2019-08-23 15:28 / 3015人閱讀

摘要：問題描述谷歌下載功能正常，但是下載功能失效。解決此問題用到的插件之前使用的是表單進行下載處理，但是這個只使用與谷歌等部分瀏覽器的下載，不支持。定義一個表單請求類型請求地址請輸入代碼將表單放置在中解決方案需要做兼容判斷使用進行兼容性處理

問題描述：谷歌下載功能正常，但是ie11下載功能失效。

解決此問題用到的插件：jszip-utils-ie.js,jszip.js,jszip-utils.js
之前使用的是form表單進行下載處理，但是這個只使用與谷歌等部分瀏覽器的下載，不支持ie。

var form = $(""); //定義一個form表單
             form.attr("style", "display:none");
             form.attr("target", "");
             form.attr("method", "get"); //請求類型
             form.attr("action", url); //請求地址請輸入代碼
             var input1 = $("");
             input1.attr("type", "hidden");
             input1.attr("name", "access_token");
             input1.attr("value", appconfig.token);
             form.append(input1);
             $("body").append(form); //將表單放置在web中
             form.submit();

解決方案

html需要做兼容ie判斷
    


使用JSZip進行兼容性處理：

// 1) get a promise of the content
            var promise = new JSZip.external.Promise(function (resolve, reject) {
                JSZipUtils.getBinaryContent(url, function (err, data) {
                    if (err) {
                        reject(err);
                    } else {
                        resolve(data);
                    }
                });
            });

            promise.then(JSZip.loadAsync)                     // 2) chain with the zip promise
                .then(function (zip) {
                    // return zip.file("Hello.txt").async("string"); // 3) chain with the text content promise
                    // var zip = new JSZip();
                    zip.generateAsync({type: "blob"})
                        .then(function (blob) {
                            saveAs(blob, mapid + ".zip");
                        });
                    // saveAs(zip,"bb.zip");
                })