JS 读写文件到本地

Healist

于 2017-05-09 09:17:41 发布

阅读量647

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Healist/article/details/71438949

版权

javascript 专栏收录该内容

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

读取文件

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", "文件内容是我");