随笔- 310  文章- 1  评论- 0  阅读- 86066 
html前端保存页面内容为文件
复制代码
<html>
<textarea name="" id="text" cols="40" rows="10">
第一行：这里输入的数据将保存为txt中
第二行：保存为文件
    </textarea>

   <button id="save" type="button">保存</button>

    <script>　

        document.querySelector('#save').addEventListener('click', saveFile);
           
           
        function saveFile(){
            var inValue  = document.querySelector('#text').value;
            var blob = new Blob([inValue],{type: "text/plain;charset=utf-8"});
            const fileName= "test.txt"
            if("msSaveOorOpenBlob" in navigator){
                //IE 浏览器
                window.navigator.msSaveOorOpenBlob(blob,fileName);
            }else{
                //不是IE浏览器
                var url = window.URL.createObjectURL(blob);
                var link = document.createElement('a');
                link.href = url;
                link.setAttribute("download",fileName)
                link.click();
            }
            
        }


    </script>

</html>
复制代码

 

 点击保存按钮将下载到本地

 posted on   boye169  阅读(892)  评论(0)  编辑  收藏  举报
编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
点击右上角即可分享
微信分享提示
SQL AI 助手