phonegap中，有时候需要操作到手机中的文件，这个时候就需要用到phonegap官方提供的插件 file ，英文好的可以直接参考官方文档

首先是安装插件：（需要phonegap 3.0 以上，不止如何用命令行安装插件请自行百度）

cordova plugin add org.apache.cordova.file

今天主要介绍这个插件中的FileReader,总共有以下的几个方法

  • abort: 终止读取文件.
  • readAsDataURL: 读取文件然后返回 base64格式的url
  • readAsText: 读取文件然后返回文本.
  • readAsBinaryString: 读取文件然后返回字节.
  • readAsArrayBuffer: Reads file as an ArrayBuffer.
有以下的属性
  • readyState: 当前读取器所处的状态，取值为以下三者之一：EMPTY、LOADING和DONE。
  • result：已读取文件的内容。（DOMString类型）
  • error：包含错误信息的对象。（FileError类型）
  • onloadstart：读取启动时调用的回调函数。（函数类型）
  • onprogress：读取过程中调用的回调函数，用于汇报读取进度（progress.loaded和progress.total）。（函数类型） 不支持
  • onload：读取安全完成后调用的回调函数。（函数类型）
  • onabort：读取被中止后调用的回调函数，例如通过调用abort()方法。（函数类型）
  • onerror：读取失败后调用的回调函数。（函数类型）
  • onloadend：请求完成后调用的回调函数（无论请求是成功还是失败）。（函数类型）

简单的例子：

<!DOCTYPE html>

<html>

  <head>

    <title>FileReader Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script>

    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load

    //

    function onLoad() {

        document.addEventListener("deviceready", onDeviceReady, false);

    }

    // device APIs are available

    //

    function onDeviceReady() {

        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);

    }

    function gotFS(fileSystem) {

        fileSystem.root.getFile("readme.txt", null, gotFileEntry, fail);

    }

    function gotFileEntry(fileEntry) {

        fileEntry.file(gotFile, fail);

    }

    function gotFile(file){

        readDataUrl(file);

        readAsText(file);

    }

    function readDataUrl(file) {

        var reader = new FileReader();

        reader.onloadend = function(evt) {

            console.log("Read as data URL");

            console.log(evt.target.result);

        };

        reader.readAsDataURL(file);

    }

    function readAsText(file) {

        var reader = new FileReader();

        reader.onloadend = function(evt) {

            console.log("Read as text");

            console.log(evt.target.result);

        };

        reader.readAsText(file);

    }

    function fail(evt) {

        console.log(evt.target.error.code);

    }

    </script>

  </head>

  <body>

    <h1>Example</h1>

    <p>Read File</p>

  </body>

</html>

其中标1 的地方，则是成功读取文件的时候所返回的结果，例子中得到的evt.target.result中 的内容便是 base64格式的url，你可以将它放到<img>便签中的src中显示出来

转载自：http://chenblog.sinaapp.com

phonegap file操作的更多相关文章

  1. Java文件File操作一：文件的创建和删除

    一.简述 File 文件类,主要对文件进行相关操作.常用的File操作有:文件(夹)的创建.文件(夹)的删除,文件的读入和下载(复制)等: 二.文件(夹)的创建和删除 1.创建过程 实例: //cre ...

  2. python学习笔记3---浅拷贝和深拷贝，file操作

    import copy a=[1,2,3,['a','b']] b=a c= copy.copy(a)---浅拷贝 d=copy.deepcopy(a)---深拷贝 file操作: python 文件 ...

  3. 【转载】Java File操作汇总

    转载自博客:https://passport.cnblogs.com/user/signin?ReturnUrl=https%3A%2F%2Fwww.cnblogs.com%2F 本文通过大量的示例, ...

  4. [Python Study Notes] Basic I\O + File 操作

    列表操作 Python 文件I/O 本章只讲述所有基本的的I/O函数,更多函数请参考Python标准文档. 打印到屏幕 最简单的输出方法是用print语句,你可以给它传递零个或多个用逗号隔开的表达式. ...

  5. Java-IO流之File操作和Properties操作

    java的File类主要是用来操作文件的元数据,稍作演示如下: 其中方法getAllJavaFile()是使用了过滤器FileFileter,这个过滤器只需要实现accept方法,判断什么样的文件返回 ...

  6. Java 学习笔记 IO流与File操作

    可能你只想简单的使用,暂时不想了解太多的知识,那么请看这里,了解一下如何读文件,写文件 读文件示例代码 File file = new File("D:\\test\\t.txt" ...

  7. File操作

    对文件进行操作(只操作小文件) bool Exists(string path) 判断文件是否存在 FileStream Create(string path) 创建文件 void Move(stri ...

  8. PhoneGap 数据库操作

    1,openDatabase phonegap官方文档中已经很清楚的标明,如果使用一个数据库首先要用window对象进行创建: var dbShell = window.openDatabase(na ...

  9. phonegap file api

    https://github.com/chrisben/imgcache.js/tree/master/examples 1.FILE API file api最大的两个功能是download和upl ...

随机推荐

  1. git merge 到 非当前 branch

    1. Add a remote alias for your local repository, ex: git remote add self file:///path/to/your/reposi ...

  2. Cocos2d-x坐标系介绍

    在图形图像和游戏应用开发中坐标系是非常重要的,我们在Android和iOS等平台应用开发的时候使用的二维坐标系它的原点是在左上角的.而在Cocos2d-x坐标系中它原点是在左下角的,而且Cocos2d ...

  3. 20150311—html中iframe(转发)

    JS实现iframe框架页面跳转和刷新 一.js方式的页面跳转 1.window.location.href方式 <script language="javascript" ...

  4. python基础day2作业:购物车

    #功能:1.可注册账号2.登录买家账号3.可查询编辑购物车里商品4.可以余额充值5.可提示余额不足6.购物车结算 #使用:1.第一次使用先注册账号填写账号金额2.账号金额信息保存在buyer_acco ...

  5. 《RHEL6硬盘的分区和swap分区管理》——硬盘分区的大总结

    首先介绍下几个简单的命令: free查看当前系统内存的使用情况 查看分区的使用情况:T类型.H显示大小以G,M 查看系统所有硬盘的分区信息:分区的没分区的都显示出来了 开始分区:为什么要加cu  不加 ...

  6. 我理解的C++虚函数表

    今天拜读了陈皓的C++ 虚函数表解析的文章,感觉对C++的继承和多态又有了点认识,这里写下自己的理解.如果哪里不对的,欢迎指正.如果对于C++虚函数表还没了解的话,请先拜读下陈皓的C++ 虚函数表解析 ...

  7. win7 IIS 7.5 HTTP 错误 404.3 - Not Found

    HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面.如果该页面是脚本,请添加处理程序.如果应下载文件,请添加 MIME 映射. 解决这个问题你只需要,打开控制面 ...

  8. JS中的this用法详解

    随着对js的深入学习和使用,你会发现它里面包含了很多令人困惑的机制,比如对象.闭包.原型链继承等等,而这其中肯定包含令你现在或者曾经费解的this,如果你不把心一横,花点时间还真不明白这个this的用 ...

  9. linux下配置tomcat7 + solr4.9（续）--- 多核索引的配置

    在上一篇文章中(详见http://www.cnblogs.com/bxljoy/p/3850263.html),我们已经介绍了tomcat+solr的索引服务器的配置,但是文中创建的服务器只能支持存储 ...

  10. 强大的网络通信框架（不实现缓存）--第三方开源--AsyncHttpClient

    AsyncHttpClient是一款比较流行的Android异步网路加载库,在github上的网址是:https://github.com/loopj/android-async-http但是Asyn ...