typescript打开和下载文件

最新推荐文章于 2026-05-09 06:12:46 发布

原创最新推荐文章于 2026-05-09 06:12:46 发布 · 2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

web前端专栏收录该内容

10 篇文章

订阅专栏

此博客围绕TypeScript展开，主要聚焦于使用TypeScript进行文件的打开和处理操作，在信息技术领域，TypeScript在文件操作方面有其独特优势和应用场景。

    // 读取多个文件示例
    public static async getAssetsFromLocal(accept:string = "*", bMul = false, func:any=null): Promise<string> {
        let document = Laya.Browser.document;
        let uploader = document.createElement('input');
        uploader.type = 'file';
        uploader.accept = accept;
        if(bMul){
            uploader.multiple = "multiple";
        }

        // 通过实际body的鼠标点击，突破chrome的模拟click事件安全限制
        let uploadClicker = ()=>{
            document.body.removeEventListener("click", uploadClicker);
            uploader.click();
        }
        document.body.addEventListener("click", uploadClicker);

        let retPromise = new Promise<string>(r => {
            uploader.onchange = function(){
                let imgs = new Map();
                let conf;
                for(let i = 0; i < uploader.files.length; i++){
                    let reader = new FileReader();
                    let fileinfo = uploader.files[i];
                    let tName = fileinfo.name.split(".");
                    let bImg = true;
                    if(tName[tName.length - 1] == "json"){
                        reader.readAsText(fileinfo);
                        bImg = false;
                    }
                    else if(tName[tName.length - 1] == "png" || tName[tName.length - 1] == "jpg"){
                        reader.readAsDataURL(fileinfo);
                    }
                    
                    reader.onload = function (e) {
                        console.log("reading file", fileinfo, reader.result);
                        if(bImg){
                            imgs.set(fileinfo.name, reader.result);
                        }
                        else{
                            conf = reader.result;
                        }
                        if(conf && (imgs.size + 1) == uploader.files.length && func){
                            func(conf, imgs);

                            r("");
                        }
                    };
                    reader.onerror = function (e) {
                        console.log("uploader readfile error", e);
                    };
                    reader.onabort = function (e) {
                        console.log("uploader readfile abort", e);
                    };
                }
            };
        });

        return retPromise;
    }

    // 下载文件示例
    public static saveToLocalFile(fName: string, content){
        let document = Laya.Browser.document;
        let dnEle = document.createElement('a');
        dnEle.setAttribute("href", "data:text/plain;charset=utf-8," + content);
        dnEle.setAttribute("download", fName);
        dnEle.style.display = "none";
        document.body.appendChild(dnEle);
        dnEle.click();
        document.body.removeChild(dnEle);                
    }