js生成及下載瀏覽器端的文件-Eric

dreamans 發布于2019-08-23 14:36 / 1984人閱讀

摘要：使用生成及下載瀏覽器端的文件前言之前寫了一篇文章一次下載多個文件的解決方案中寫了如何下載服務器端的文件支持連續下載多個，今天和大家分享下如何在瀏覽器端生成文件并下載。

使用js生成及下載瀏覽器端的文件-Eric

前言

之前寫了一篇文章一次下載多個文件的解決方案中寫了如何下載服務器端的文件（支持連續下載多個），今天和大家分享下如何在瀏覽器端生成文件并下載。

場景

如果線上經常出現一些偶發性問題，本地又不好排查，我們只好添加一些追蹤日志，當出現問題的時候我們能根據日志進行排查。

解決方案

首先我們先明確一點，IE瀏覽器不支持直接下載文件（禁用了反向和正向緩存），我們需要使用另存為功能，google瀏覽器我們可以直接下載。如果是為了記錄日志，我們一般選擇txt文件或者html文件（可以加樣式，排版）。

代碼

const downloadErrorLog = (fileName, content) => {
    // IE
    if(!!window.ActiveXObject || "ActiveXObject" in window) {
        var winname = window.open("", "_blank");
        winname.document.open("text/html", "replace");
        winname.document.writeln(content);// 如果是jsx代碼，記得轉化為html
        winname.document.execCommand("saveas","", fileName);
        winname.close();
    }else{
        let aLink = document.createElement("a");
        aLink.download = fileName;
        aLink.href = "data:text/plain," + content; // 切記，content只能是字符串，如果是html元素，記得使用.innerHTML轉換
        aLink.click(); 
    }
}

云服務器 GPU云服務器阿里云服務器瀏覽器不能下載文件 js 生成視頻文件服務器騰訊云自帶瀏覽器無法下載文件瀏覽器端的webrtc使用

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100847.html

2019 年值得學習的頂級 JavaScript 框架與主題

摘要：我們的目標是找出最有職業投資回報率的主題和技術。比特幣在幾年內增長了若干個量級。比特幣倍拐點在這個圖表中，每個箭頭始于倍點，指向價格修正后的最低點。 showImg(https://segmentfault.com/img/remote/1460000017919159); 圖：Jon Glittenberg Happy New Year 2019 (CC BY 2.0) 又到了一年的...

legendaryedu 2019-08-23 14:46 評論0 收藏0
形象化模擬作用域鏈，深入理解js作用域、閉包

摘要：至此作用域鏈創建完畢。好了，通過深入理解作用域鏈，我們能跟好的理解的運行機制和閉包的原理。前言理解javascript中的作用域和作用域鏈對我們理解js這們語言。這次想深入的聊下關于js執行的內部機制，主要討論下，作用域，作用域鏈，閉包的概念。為了更好的理解這些東西，我模擬了當一個函數執行時，js引擎做了哪些事情--那些我們看不見的動作。關鍵詞：執行環境作用域作用域鏈變...

txgcwm 2019-08-21 17:48 評論0 收藏0
一次下載多個文件的解決思路-JS

摘要：一次下載多個文件的解決思路真實經歷最近開發項目需要做文件下載，想想挺簡單的，之前也做過，后臺提供下載接口，前端使用就行了唄。不過開發的時候發現，有些文件有附屬文件，點擊下載按鈕需要下載兩個文件，而且不能使用壓縮包的形式。一次下載多個文件的解決思路(iframe) - Eric 真實經歷最近開發項目需要做文件下載，想想挺簡單的，之前也做過，后臺提供下載接口，前端使用window.l...

techstay 2019-08-23 12:29 評論0 收藏0
一次下載多個文件的解決思路-JS

摘要：一次下載多個文件的解決思路真實經歷最近開發項目需要做文件下載，想想挺簡單的，之前也做過，后臺提供下載接口，前端使用就行了唄。不過開發的時候發現，有些文件有附屬文件，點擊下載按鈕需要下載兩個文件，而且不能使用壓縮包的形式。一次下載多個文件的解決思路(iframe) - Eric 真實經歷最近開發項目需要做文件下載，想想挺簡單的，之前也做過，后臺提供下載接口，前端使用window.l...

HitenDev 2019-08-02 11:48 評論0 收藏0