任务要求：

　　访问手机的目录，选择一个文件，并使用该插件将指定文件传输到远程主机的某个指定目录中。

HTML

<!DOCTYPE html>

<!--

    Licensed to the Apache Software Foundation (ASF) under one

    or more contributor license agreements.  See the NOTICE file

    distributed with this work for additional information

    regarding copyright ownership.  The ASF licenses this file

    to you under the Apache License, Version 2.0 (the

    "License"); you may not use this file except in compliance

    with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,

    software distributed under the License is distributed on an

    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

     KIND, either express or implied.  See the License for the

    specific language governing permissions and limitations

    under the License.

-->

<html>

    <head>

        <meta charset="utf-8" />

        <meta name="format-detection" content="telephone=no" />

        <meta name="msapplication-tap-highlight" content="no" />

        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->

        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

        <link rel="stylesheet" type="text/css" href="css/index.css" />

        <title>Hello World</title>

    </head>

    <body>

        <div class="app">

            <h1>Apache Cordova</h1>

            <div id="deviceready" class="blink">

                <p class="event listening">Connecting to Device</p>

                <p class="event received">Device is Ready</p>

            </div>

        </div>

        <script type="text/javascript" src="cordova.js"></script>

        <script type="text/javascript" src="js/index.js"></script>

        <!-- 照相机  -->

        <script type="text/javascript" src="js/camera.js"></script>

        <input type="button" value="take pictures" onclick="snapPictures()" />

        <img style="width:100px;height:100px;position:absolute;left:100px;top:50px;" id="myImage" />

        <!-- 地理位置 -->

        <script type="text/javascript" src="js/geolocation.js"></script>

        <input type="button" value="location" onclick="getLocation()" />

        <!-- 文件传输 -->

        <script type="text/javascript" src="js/fileTransfer.js"></script>

        <input type="button" value="fetchFile" onclick="fetchPictures()" />

        <!-- <input type="button" value="fileTransfer" onclick="startTransfer()" /> -->

    </body>

</html>

JavaScript

/**选择图片库***/

function fetchPictures() {

    navigator.camera.getPicture(fetchPictureSuccess, fetchPictureFail, {

        quality: 50,

        destinationType: Camera.DestinationType.FILE_URI,//存储照片的数据/路径

        sourceType: Camera.PictureSourceType.PHOTOLIBRARY,//打开系统的图片库

        encodingType: Camera.EncodingType.JPEG,

        mediaType: Camera.MediaType.PICTURE,

        popoverOptions: CameraPopoverOptions,

        saveToPhotoAlbum: true

    });

}

function fetchPictureSuccess(imageURI) {

    var image = document.getElementById('myImage');

    image.src = imageURI;

    picUrl = imageURI;

    /**文件上传start***/

    var serverUri = encodeURI('http://192.168.1.101:8080/testTransfer/test.do');

    function fileTransferSuccess(result) {

        alert("success");

        alert("Code = " + result.responseCode + "Response = " + result.response

            + "Sent = " + result.bytesSent);

    }

    function fileTransferError(error) {

        alert("fail");

        alert("An error has occurred: Code = " + error.code + "upload error source " + error.source

            + "upload error target " + error.target);

    }

    var fileUploadOptions = new FileUploadOptions();

    fileUploadOptions.fileKey = "file";

    fileUploadOptions.fileName = picUrl.substr(picUrl.lastIndexOf('/') + 1);

    fileUploadOptions.mimeType = "image/jpeg";

    fileUploadOptions.chunkedMode = false;

    var fileTransfer = new FileTransfer();

    alert("picUrl : " + picUrl + "******serverUri : " + serverUri);

    fileTransfer.onprogress = function (progressEvent) {

        if (progressEvent.lengthComputable) {

            loadingStatus.setPercentage(progressEvent.loaded / progressEvent.total);

        } else {

            loadingStatus.increment();

        }

    };

    fileTransfer.upload(picUrl, serverUri, fileTransferSuccess, fileTransferError, fileUploadOptions);

    /**文件上传end***/

}

function fetchPictureFail(message) {

    alert('Failed because: ' + message);

}

server端JAVA：

package com.cn.server;

        import java.io.File;

        import java.io.IOException;

        import java.net.URLDecoder;

        import java.util.Iterator;

        import java.util.List;

        import javax.servlet.ServletException;

        import javax.servlet.annotation.WebServlet;

        import javax.servlet.http.HttpServlet;

        import javax.servlet.http.HttpServletRequest;

        import javax.servlet.http.HttpServletResponse;

        import org.apache.commons.fileupload.FileItem;

        import org.apache.commons.fileupload.FileItemFactory;

        import org.apache.commons.fileupload.disk.DiskFileItemFactory;

        import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**

 * Servlet implementation class Test

 */

@WebServlet("/Test")

public class Test extends HttpServlet {

    private static final long serialVersionUID = 1L;

    /**

     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        System.out.println("Doing post....");

        System.out.println(request.getRequestURI());

        /**

         * The base upload directory. In this directory all uploaded files will

         * be stored. With the applet param tag 'directory' you can create a

         * subdirectory for a user.

         * See http://www.javaatwork.com/parameters.html#directory for more

         * information about the 'directory' param tag. For a Windows environment

         * the BASE_DIRECTORY can be e.g. * 'c:/temp' for Linux environment '/tmp'.

         */

        boolean isMultipart = ServletFileUpload.isMultipartContent(request);

        // check if the http request is a multipart request

        // with other words check that the http request can have uploaded files

        if (isMultipart) {

            //  Create a factory for disk-based file items

            FileItemFactory factory = new DiskFileItemFactory();

            //  Create a new file upload handler

            ServletFileUpload servletFileUpload = new ServletFileUpload(factory);

            // Set upload parameters

            // See Apache Commons FileUpload for more information

            // http://jakarta.apache.org/commons/fileupload/using.html

            servletFileUpload.setSizeMax(-1);

            try {

                String directory = "";

                // Parse the request

                List items = servletFileUpload.parseRequest(request);

                // Process the uploaded items

                Iterator iter = items.iterator();

                while (iter.hasNext()) {

                    FileItem item = (FileItem) iter.next();

                    // the param tag directory is sent as a request parameter to

                    // the server

                    // check if the upload directory is available

                    if (item.isFormField()) {

                        String name = item.getFieldName();

                        if (name.equalsIgnoreCase("directory")) {

                            directory = item.getString();

                        }

                        // retrieve the files

                    } else {

                        // the fileNames are urlencoded

                        String fileName = URLDecoder.decode(item.getName());

                        File file = new File(directory, fileName+".jpeg");

                        file = new File("D:\\androidApp图片\\", file.getPath());

                        // retrieve the parent file for creating the directories

                        File parentFile = file.getParentFile();

                        if (parentFile != null) {

                            parentFile.mkdirs();

                        }

                        // writes the file to the filesystem

                        item.write(file);

                    }

                }

            } catch (Exception e) {

                e.printStackTrace();

                response.setStatus(HttpServletResponse.SC_INTERNAL_SERVER_ERROR);

            }

            response.setStatus(HttpServletResponse.SC_OK);

        } else {

            response.setStatus(HttpServletResponse.SC_BAD_REQUEST);

        }

    }

    /**

     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)

     */

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        doGet(request,response);

    }

}

server端web.xml：

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

  <display-name>testTransfer</display-name>

  <welcome-file-list>

    <welcome-file>index.html</welcome-file>

    <welcome-file>index.htm</welcome-file>

    <welcome-file>index.jsp</welcome-file>

    <welcome-file>default.html</welcome-file>

    <welcome-file>default.htm</welcome-file>

    <welcome-file>default.jsp</welcome-file>

  </welcome-file-list>

  <servlet>

    <servlet-name>Test</servlet-name>

    <servlet-class>com.cn.server.Test</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>Test</servlet-name>

    <url-pattern>/test.do</url-pattern>

  </servlet-mapping>

</web-app>

问题是：

cordova run android之后发现一直上传失败报错：3 = FileTransferError.CONNECTION_ERR，修改一天多始终没发现js或者server代码出问题，

最后我抱着死马当活马医，用别人的电脑访问我的server的URL，竟然过时连接失败，原来是我电脑自身的防火墙设置没有允许别人访问，修改如下：

在电脑的“控制面板\系统和安全\Windows 防火墙\自定义设置‘里关闭防火墙，就OK了。

太浪费时间了！！！

原文地址：http://blog.csdn.net/chenglinping/article/details/42008143

【转】Cordova文件传输插件fileTransfer的更多相关文章

cordova文件传输系统插件使用：cordova-plugin-file-transfer
1. 添加插件:cordova plugin add cordova-plugin-file-transfer 2. 调用方法: var fileTransfer = new FileTransfer ...
linux下常用文件传输命令（转）
因为工作原因,需要经常在不同的服务器见进行文件传输,特别是大文件的传输,因此对linux下不同服务器间数据传输命令和工具进行了研究和总结.主要是rcp,scp,rsync,ftp,sftp,lftp, ...
linux下常用文件传输命令(转)
因为工作原因,需要经常在不同的服务器见进行文件传输,特别是大文件的传输,因此对linux下不同服务器间数据传输命令和工具进行了研究和总结.主要是rcp,scp,rsync,ftp,sftp,lftp, ...
Linux的文件传输命令总结
由于工作原因,须要常常在不同的server见进行文件传输,特别是大文件的传输,因此对linux下不同server间传输数据命令和工具进行了研究和总结.主要是rcp,scp,rsync,ftp,sftp ...
Linux下几种文件传输命令
Linux下几种文件传输命令 sz rz sftp scp 最近在部署系统时接触了一些文件传输命令,分别做一下简单记录: 1.sftp Secure Ftp 是一个基于SSH安全协议的文件传输管理工具 ...
cordova加载层、进度条、文件选择插件
在做cordova项目的时候,感觉应用的响应速度跟原生应用比相差甚远,一个主要问题就是如加载层.进度条等弹出对话框的效率不行.毕竟项目中的这些弹框都是用dom拼成的,dom的渲染效率和原生控件比起来慢 ...
C#语言下使用gRPC、protobuf(Google Protocol Buffers)实现文件传输
初识gRPC还是一位做JAVA的同事在项目中用到了它,为了C#的客户端程序和java的服务器程序进行通信和数据交换,当时还是对方编译成C#,我直接调用. 后来,自己下来做了C#版本gRPC编写,搜了很 ...
在windows 与Linux间实现文件传输（C++&C实现）
要实现windows与linux间的文件传输,可以通过socket网络编程来实现. 这次要实现的功能与<Windows下通过socket进行字符串和文件传输>中实现的功能相同,即客户端首先 ...
Windows下通过socket进行字符串和文件传输
今天在windows平台下,通过socket实现了简单的文件传输.通过实现这一功能,了解基本的windows网络编程和相关函数的使用方法. 在windows平台上进行网络编程,首先都需要调用函数WSA ...

随机推荐

BZOJ4046 [Cerc2014] Pork barre
我们把边按权值从大到小依次加入图中如果加到边权$V$,则当前的最小生成森林中边权$v\in[V, V']$(其中$V'$是任意值)形成的森林的边权和就是对于询问$[V, V']$的答案由于点数不多 ...
require.js的使用
RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量.它还同时可以和其他的框架协同工作,使用Re ...
mybatis.net insert 返回主键
mybatis insert语句 <insert id="Add" parameterClass="UserInfo" resultClass=" ...
git学习(这个我没有整理，是我不断在学习的过程中，自己总结的，对象是我，不过有问题的，我们可以相互交流）
每次git提交,都会有一个parent指针,指向上一次的commit , 如果合并,master就和hotfix河道一起,就直接删除hotfix就OK 此时,虽然操作一样,大底层实现不一样 ...
关闭缓存和mmu(转)
当设置完时钟分频以后,uboot就会执行cpu_init_crit汇编函数,这个函数的主要作用就是关闭缓存和mmu,然后调用lowlevel_init函数进行系统总线的初始化. 为什么启动的时候,需要 ...
HBase的快照技术
(1) 什么是快照快照就是一份元信息的合集,允许管理员恢复到表的先前状态,快照不是表的复制而是一个文件名称列表,因而不会复制数据. 完全快照恢复是指恢复到之前的表结构以及当时的数据快照之后发 ...
php大力力 [045节] 兄弟连高洛峰 PHP教程 2014年[已发布，点击下载]
http://www.verycd.com/topics/2843130/ 第1部分 WEB开发入门篇第1章LAMP网站构建1.[2014]兄弟连高洛峰 PHP教程1.1.1 新版视频形式介绍[已发布 ...
hybrid app 简介
Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”. Hyb ...
如何把TOMCAT 添加到服务中自动启动
1.配置系统参数: JAVA_HOME:C:\Program Files\Java\jdk1.8.0_51 //本机Jdk的安装路径,已配置相关Java应用的无需再配置. CATALINA_HOM ...
【转载】知乎答案----孙志岗----Google 发布了程序员养成指南，国内互联网巨头是否也有类似的指南和课程推荐
国内公司在复制国外商业模式的同时,也应复制人家的社会担当.所以,来答题了!就参考 Google 的框架,列一下中文的课程.大体上在线学完一个计算机专业,是基本不成问题的.但是,这不意味着你可以不上大学 ...

【转】Cordova文件传输插件fileTransfer