filePhoneGap向SD卡中写入文件

最新推荐文章于 2024-10-30 10:50:42 发布

转载最新推荐文章于 2024-10-30 10:50:42 发布 · 654 阅读

文章标签：

#phonegap #file

phonegap/cordova 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个基于PhoneGap实现的文件读写示例。通过JavaScript API演示了如何创建目录和文件、写入内容及进行文件操作如truncate和seek等。

<span style="font-size:14px;"><!DOCTYPE html>  
<html>  
<head>  
<title>FileWriter Example</title>  
  
<script type="text/javascript" charset="utf-8" src="../js/cordova-1.5.0.js"></script>  
<script type="text/javascript" charset="utf-8">  
    //等待加载PhoneGap  
  
    document.addEventListener("deviceready", onDeviceReady, false);  
  
    // PhoneGap加载完毕  
  
    function onDeviceReady() {  
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);  
    }  
         //获取newFile目录，如果不存在则创建该目录  
    function gotFS(fileSystem) {  
        newFile = fileSystem.root.getDirectory("newFile", {create : true,exclusive : false}, writerFile, fail);       
    }  
    //获取newFile目录下面的dataFile.txt文件，如果不存在则创建此文件  
    function writerFile(newFile) {  
        newFile.getFile("dataFile.txt", {create : true,exclusive : false}, gotFileEntry, fail);  
    }  
      
    function gotFileEntry(fileEntry) {  
        fileEntry.createWriter(gotFileWriter, fail);  
    }  
  
    function gotFileWriter(writer) {  
        writer.onwrite = function(evt) {  
            alert("write success");  
        };  
        writer.write("some sample text");  
        // 文件当前内容是"some sample text"  
        writer.truncate(11);  
        // 文件当前内容是"some sample"   
        writer.seek(4);  
        // 文件当前内容依然是"some sample"，但是文件的指针位于"some"的"e"之后  
        writer.write(" different text");  
        // 文件的当前内容是"some different text"  
    }  
  
    function fail(error) {  
        alert("Failed to retrieve file:" + error.code);  
    }  
  
    // 检索一个已存在的文件，如果该文件不存在时则创建该文件  
</script>  
</head>  
<body>  
    <h1>Example</h1>  
    <p>Write File</p>  
</body>  
</html></span>

注意：gotFS(fileSystem)与writerFile(newFile)中的两行代码不能写到一块，不然只执行第一行代码。譬如就不能像如下这种方式写：

<span style="font-size:14px;">function gotFS(fileSystem) {  
        <span style="color:#FF0000;">newFile</span> = <span style="color:#3333FF;">fileSystem</span>.root.getDirectory("newFile", {create : true,exclusive : false});         
        newFile.getFile("dataFile.txt", {create : true,exclusive : false}, gotFileEntry, fail);  
    }  </span>