[zhongjyuan]文件处理函数

fileUrl：根据元素 ID 获取相应的 URL

/**
     * 根据元素 ID 获取相应的 URL
     * @param {string} elementId - 元素的 ID
     * @returns {string} - 获取到的 URL
     * @example
     * // 获取文本输入框的值
     * var url = fileUrl("textInput");
     * console.log(url); // 输出文本输入框的值
     * @example
     * // 获取文件输入框选择的第一个文件的 URL
     * var url = fileUrl("fileInput");
     * console.log(url); // 输出文件的 URL
     */
    fileUrl: function (elementId) {
        var url;

        if (navigator.userAgent.indexOf("MSIE") >= 1) {
            // 如果用户使用的是 IE 浏览器
            url = document.getElementById(elementId).value; // 通过元素 ID 获取其 value 属性，即元素的值
        } else if (navigator.userAgent.indexOf("Firefox") > 0 || navigator.userAgent.indexOf("Chrome") > 0) {
            // 如果用户使用的是 Firefox 或 Chrome 浏览器
            url = window.URL.createObjectURL(document.getElementById(elementId).files.item(0)); // 通过元素 ID 获取文件列表中的第一个文件，并创建一个 URL
        }

        return url;
    },

saveDataToFile：保存数据到文件

    /**
     * 保存数据到文件
     * @param {String|Blob} data - 要保存的数据，可以是字符串或 Blob 对象
     * @param {String} filename - 保存的文件名
     * @example
     * saveDataToFile("Hello, World!", "example.txt");
     * @example
     * var blob = new Blob(["Hello, World!"], { type: "text/plain" });
     * saveDataToFile(blob, "example.txt");
     */
    saveDataToFile: function (data, filename) {
        "use strict";

        // 检查输入参数
        if (!data || !filename) {
            console.error("缺少输入参数：data 和 filename 是必需的。");
            return;
        }

        var view = window || global,
            doc = view.document,
            get_URL = function () {
                return view.URL || view.webkitURL || view;
            },
            create_object_url = function (data) {
                if (typeof Blob === "function") {
                    return get_URL().createObjectURL(new Blob([data], { type: "octet/stream" }));
                } else if (typeof data === "object" && data instanceof String) {
                    return "data:application/octet-stream;base64," + btoa(data);
                } else if (typeof data === "object") {
                    return get_URL().createObjectURL(data);
                } else {
                    throw new Error("无法为类型为 " + typeof data + " 的项目创建 URL。");
                }
            },
            download_file = function (url, filename) {
                var support_save_link = "download" in doc.createElementNS("http://www.w3.org/1999/xhtml", "a");
                if (support_save_link) {
                    var link = document.createElement("a");
                    link.href = url;
                    link.download = filename;
                    document.body.appendChild(link);
                    link.click();
                    document.body.removeChild(link); // 清理 DOM 元素
                } else {
                    location.href = url;
                }
            };

        // 创建 Blob 对象后创建对象 URL
        if (typeof data === "object" || data instanceof Blob) {
            var object_url = get_URL().createObjectURL(data);
            download_file(object_url, filename);
            revoke(object_url);
        }
        // 对于文本类型的数据，使用 data URI scheme 进行 “下载”
        else if (typeof data === "string") {
            var url = create_object_url(data);
            download_file(url, filename);
        }
        // 不支持的数据类型
        else {
            console.error("无效的输入参数：只有 Blob 对象或 String 文本受支持。");
            return;
        }

        /**
         * 撤销对象 URL
         * @param {String} url - 要撤销的 URL
         */
        function revoke(url) {
            setTimeout(function () {
                get_URL().revokeObjectURL(url);
            }, 1000); // 延迟撤销对象 URL 以保证兼容性

            // 如果 download 属性不能保存 blob，则使用陈旧的技术来进行回退。
            if (typeof InstallTrigger !== "undefined") {
                console.warn(
                    "[Firefox] 必须手动启用“另存为”对话框提示。 https://support.mozilla.org/zh-CN/kb/how-to-download-and-install-firefox-on-windows/"
                );
            }
        }
    },

本文由mdnice多平台发布