JS 读写文件到本地

最新推荐文章于 2024-11-06 18:05:13 发布

原创最新推荐文章于 2024-11-06 18:05:13 发布 · 687 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行本地文件的读取和生成，详细解析了相关API的使用方法，帮助开发者实现不依赖服务器的文件操作功能。

读取文件

var btn=document.getElementById('file');
btn.addEventListener('change', handleFileSelect, false);


function handleFileSelect(evt) {  
    var files = evt.target.files; // FileList object  
    if(files[0])  
    {  
        var reader = new FileReader();  
        reader.readAsText(files[0]);  
        reader.onload = loaded;      
    }  
}  


function loaded(evt) {
    var fileString = evt.target.result;
    //打印文件内容
    console.log(fileString);
}

生成文件

function fake_click(obj) {
    var ev = document.createEvent("MouseEvents");
    ev.initMouseEvent(
        "click", true, false, window, 0, 0, 0, 0, 0
        , false, false, false, false, 0, null
        );
    obj.dispatchEvent(ev);
}

function download(name, data) {
    var urlObject = window.URL || window.webkitURL || window;

    var downloadData = new Blob([data]);

    var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
    save_link.href = urlObject.createObjectURL(downloadData);
    save_link.download = name;
    fake_click(save_link);
}

//执行下载
download("videosearch.yaml", "文件内容是我");