正在做一个跨平台的应用，需要使用phonegap进行文件的一些基本操作。

需求如下：可以选择本地图片，或者从相机选择图片，并进行显示在本地，然后上传到服务器，以及可以从服务器下载图片显示出来，如果本地之前下过，从缓存中取之前的文件。

对于相机本地API的调用，可以通过phonegap提供的getPicture以及captureImage进行处理。这两个的区别，我个人理解，前者是可以从相机或者相册取出图片放在cache目录中，后者直接从相机生成图片到机器上。

然后对文件操作的时候，phonegap提供了太多的类，在java中操作很简单的file类，在这里实现很复杂，有很多很多的回调函数，并且少很多方便的函数，例如没有isExists类似的函数。

网络上传，下载也有对应的phonegap API---FileTransfer。

这里记录在实际使用中，遇到的对文件操作的部分，在一个img中显示一张本地图片，如果找不到本地图片，就从网络下载。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="jquery/jquery.mobile-1.2.0.css" />

<script src="jquery/jquery-1.7.1.min.js"></script>

<script src="jquery/jquery.mobile-1.2.0.min.js"></script>   

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

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

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

    var pictureSource; //  getPicture:数据来源参数的一个常量

    var destinationType; // getPicture中：设置getPicture的结果类型

    function onDeviceReady() {

         pictureSource = navigator.camera.PictureSourceType;

        destinationType = navigator.camera.DestinationType;

    }  

    var pickUrl;

    function fromCamera(source){

        navigator.camera.getPicture(function(imageURI){

                var largeImage = document.getElementById('smallImage');

                largeImage.style.display = 'block';

                largeImage.src = imageURI;

                pickUrl = imageURI;

            }, function(){

                if(source==pictureSource.CAMERA)

                    console.log('加载照相机出错!');

                else

                    console.log('加载相册出错!');

            }, {

                quality : 50,

                destinationType : destinationType.FILE_URI,

                sourceType : source

        });

    }  

   /*********上传图片***************/

    function uploadFile() {

        var imageURI = pickUrl;

        if(!imageURI)

            alert('请先选择本地图片');

        var options = new FileUploadOptions();

        options.fileKey = "file";

        options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);

        options.mimeType = "image/jpeg";

        var ft = new FileTransfer();

        ft.upload(

                        imageURI,

                        encodeURI('http://192.168.93.114:1988/shandongTree/upload.jsp'),

                        function(){ alert('上传成功!');},

                        function(){ alert('上传失败!');},

                        options);

    }  

    /**********下载相片***********/

    function downloadPic(sourceUrl,targetUrl){

        var fileTransfer = new FileTransfer();

        var uri = encodeURI(sourceUrl);    

        fileTransfer.download(

        uri,targetUrl,function(entry){

            var smallImage = document.getElementById('smallImage');

            smallImage.style.display = 'block';

            smallImage.src = entry.fullPath;

        },function(error){

            console.log("下载网络图片出现错误");

        });

    }  

    function localFile() {

        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem){

            //创建目录

             fileSystem.root.getDirectory("file_mobile/download", {create:true},

                function(fileEntry){ },

                function(){  console.log("创建目录失败");});  

             var _localFile = "file_mobile/download/testtest4.jpg";

             var _url = "http://192.168.93.114:1988/shandongTree/download.jsp?pId=13";

             //查找文件

             fileSystem.root.getFile(_localFile, null, function(fileEntry){

                //文件存在就直接显示

                var smallImage = document.getElementById('smallImage');

                smallImage.style.display = 'block';

                smallImage.src = fileEntry.fullPath;

            }, function(){

                //否则就到网络下载图片!

                fileSystem.root.getFile(_localFile, {create:true}, function(fileEntry){

                    var targetURL = fileEntry.toURL();

                    downloadPic(_url,targetURL);

                 },function(){

                    alert('下载图片出错');

                 });

            });  

        }, function(evt){

            console.log("加载文件系统出现错误");

        });

    }  

</script>

</head>

<body>

    <!-- pege 1 -->

        <a data-inline='true'

                href="javascript:fromCamera(pictureSource.PHOTOLIBRARY)" data-role="button">来自相册</a>

            <a data-inline='true'

                href="javascript:fromCamera(pictureSource.CAMERA)" data-role="button">来自相机</a>

            <a data-inline='true'

                href="javascript:localFile()" data-role="button">显示缓存图片，没有则下载</a>

            <a data-inline='true'

                href="javascript:uploadFile()" data-role="button">上传图片</a>

                <div style='height:200px;width:200px;border:1px solid green;align:center;'>

            <img

                style="width: 160px; height: 160px;" id="smallImage"

                src="" />

                </div>

</body>

</html>

　　

phonegap文件，目录操作以及网络上传，下载文件（含demo）的更多相关文章

  1. 在Windows上使用终端模拟程序连接操作Linux以及上传下载文件

    在Windows上使用终端模拟程序连接操作Linux以及上传下载文件 [很简单,就是一个工具的使用而已,放这里是做个笔记.] 刚买的云主机,或者是虚拟机里安装的Linux系统,可能会涉及到在windo ...

  2. pure-ftpd管理FTP服务器，创建文件夹可以，但上传下载文件不行

    两种原因 1.因为pure-ftpd的防火墙端口问题 # Port range for passive connections replies. - for firewalling. PassiveP ...

  3. SFTP上传下载文件、文件夹常用操作

    SFTP上传下载文件.文件夹常用操作 1.查看上传下载目录lpwd 2.改变上传和下载的目录(例如D盘):lcd  d:/ 3.查看当前路径pwd 4.下载文件(例如我要将服务器上tomcat的日志文 ...

  4. 在windows中使用PuTTy上传下载文件和目录

    打开windows的cmd,使用cd命令切换到PuTTy安装目录 C:\Users\NUC>cd C:\Program Files\PuTTY 在cmd中使用pscp命令上传下载文件 windo ...

  5. 向linux服务器上传下载文件方式收集

    向linux服务器上传下载文件方式收集 1. scp [优点]简单方便,安全可靠:支持限速参数[缺点]不支持排除目录[用法] scp就是secure copy,是用来进行远程文件拷贝的.数据传输使用 ...

  6. shell通过ftp实现上传/下载文件

    直接代码,shell文件名为testFtptool.sh: #!/bin/bash ########################################################## ...

  7. 【liunx命令】上传下载文件的方法

    scp   帮助命令: man scp   scp功能: 下载远程文件或者目录到本地, 如果想上传或者想下载目录,最好的办法是采用tar压缩一下,是最明智的选择.   从远程主机 下载东西到 本地电脑 ...

  8. 【WCF】利用WCF实现上传下载文件服务

    引言     前段时间,用WCF做了一个小项目,其中涉及到文件的上传下载.出于复习巩固的目的,今天简单梳理了一下,整理出来,下面展示如何一步步实现一个上传下载的WCF服务. 服务端 1.首先新建一个名 ...

  9. 上传下载文件到Linux服务器

    转自链接:https://blog.csdn.net/drdongshiye/article/details/89430535Mac的终端是十分强大 , 可以通过命令进行上传下载下载文件夹 scp - ...

随机推荐

  1. ios基础篇（十四）——UITableView（二）属性及基本用法

    上一篇说了UITableView的重用机制,让我们对UITableView有了简单了解,下面说说UITableView的属性及常见方法. 一.属性 1.frame:设置控件的尺寸和大小 2.backg ...

  2. Objective-C的面向对象中，类有真正的私有方法和私有属性么？

    在Java/C#等面向对象语言中,方法的访问权限可以通过public/private/protected来控制其访问权限.而在OC中,方法却并没有访问修饰符.那么,我们有没有办法使其方法变为私有? 1 ...

  3. 使用 Hive 作为 ETL 或 ELT 工具

    用来处理数据的 ETL 和 ELT 工具的概述 数据集成和数据管理技术已存在很长一段时间.提取.转换和加载(ETL)数据的工具已经改变了传统的数据库和数据仓库.现在,内存中转换 ETL 工具使得提取. ...

  4. Linux字符设备

    一.linux系统将设备分为3类:字符设备.块设备.网络设备. 字符设备:是指只能一个字节一个字节读写的设备,不能随机读取设备内存中的某一数据,读取数据需要按照先后数据.字符设备是面向流的设备,常见的 ...

  5. iOS开发拓展篇—音频处理（音乐播放器3）

    iOS开发拓展篇—音频处理(音乐播放器3) 说明:这篇文章主要介绍音频工具类和播放工具类的封装. 一.控制器间数据传递 1.两个控制器之间数据的传递 第一种方法:self.parentViewCont ...

  6. echart------属性详细介绍

    theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d ...

  7. WaitForSingleObject 和 WaitForMultipleObjects函数

    1.WaitForSingleObject 等待函数可使线程自愿进入等待状态,直到一个特定的内核对象变为已通知状态为止.这些等待函数中最常用的是WaitForSingleObject:   DWORD ...

  8. javaweb--下载文件列出

    //ListFileServlet.java package cn.itcast.web.servlet; import java.io.File;import java.io.IOException ...

  9. UVA 247 电话圈 （floyd传递闭包 + dfs输出连通分量的点）

    题意:输出所有的环: 思路:数据比较小,用三层循环的floyd传递闭包(即两条路通为1,不通为0,如果在一个环中,环中的所有点能互相连通),输出路径用dfs,递归还没有出现过的点(vis),输出并递归 ...

  10. TCP 状态机

    TCP 状态机 TCP 协议的操作可以使用一个具有 11 种状态的有限状态机( Finite State Machine )来表示,图 3-12 描述了 TCP 的有限状态机,图中的圆角矩形表示状态, ...