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

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

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

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

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

var form = $(""); //定義一個(gè)form表單
             form.attr("style", "display:none");
             form.attr("target", "");
             form.attr("method", "get"); //請(qǐng)求類型
             form.attr("action", url); //請(qǐng)求地址請(qǐng)輸入代碼
             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進(jìn)行兼容性處理：

// 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");
                })