phonegap 附件下载及打开附件

出处:http://my.oschina.net/u/1011854/blog/169434 再次 谢谢作者!

在开发web app并且使用phonegap的情况下,附件下载着实是一件令人头疼的事,什么window.open或者window.location.href在webview中都不起作用,网上查了许久,没有一篇完整讲述“phonegap附件下载及打开附件”的例子,现在分享一下。     首先,如果你可以接受的话,可以使用一种极其简单的方式来完成,点击操作之后,跳入手机默认浏览器进行下载,代码如下 
    navigator.app.loadUrl(encodeURI(url), { openExternal:true}); 
    注意,参数一定要加{ openExternal:true}参数,这个参数代表在另外的浏览器打开。 
    如果你不满足于这种方式,可以使用以下方法: 
    phonegap附件下载,使用的方法是phonegap自带的下载附件的方式,而打开附件用到的是phonegap插件,最终由安卓原生代码来完成,不多说,代码如下: 
    1. html文件(cordova.js是phonegap的库文件) 
    <html> 
  <head> 
    <meta charset="UTF-8"> 
    <title>phonegap文件下载</title>  
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript"> 
    window.appRootDirName = "download_test"; 
    document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() { 
        console.log("device is ready"); 
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail); 
    }

function fail() { 
        console.log("failed to get filesystem"); 
    }

function gotFS(fileSystem) { 
        console.log("filesystem got"); 
        window.fileSystem = fileSystem; 
        fileSystem.root.getDirectory(window.appRootDirName, { 
            create : true, 
            exclusive : false 
        }, dirReady, fail); 
    }

function dirReady(entry) { 
        window.appRootDir = entry; 
        console.log("application dir is ready"); 
    }

downloadFile = function(){ 
         
        alert("start"); 
        var fileTransfer = new FileTransfer(); 
        var uri = encodeURI("http://12.130.30.22:8080/uploadImagetest.xls"); 
        var filePath = window.appRootDir.fullPath + "/test.xls"; 
         
        alert(window.appRootDir.fullPath); 
        fileTransfer.download( 
            uri, 
            filePath, 
            function(entry) { 
                alert("success"); 
                alert(entry.fullPath); 
                //此处调用打开文件方法 
                OpenFile(entry.fullPath); 
                //window.location.href = window.appRootDir.fullPath; 
                console.log("download complete: " + entry.fullPath); 
            }, 
            function(error) { 
                alert("error"); 
                alert(JSON.stringify(error)); 
                console.log("download error source " + error.source); 
                console.log("download error target " + error.target); 
                console.log("upload error code" + error.code); 
            } 
        );    
    } 
    function OpenFile(path){ 
        try { 
            alert(‘OpenFile‘); 
            var array = []; 
            array[0] = path; 
            alert(array[0]); 
            cordova.exec(function(message) {

}, null, ‘OpenFilePlugin‘, ‘haha‘, array); 
        } catch(e) { 
            alert(e.message); 
        } 
    } 
</script> 
</head> 
<body> 
    <a href="#" onclick="downloadFile()">Download File</a> 
</body> 
</html> 
2. java文件 
import java.io.File;   
import java.io.FileNotFoundException;   
import java.io.FileOutputStream;   
import java.io.IOException;   
import java.io.InputStream;   
import java.net.HttpURLConnection;   
import java.net.URL;   
   
import org.apache.cordova.api.CallbackContext; 
import org.apache.cordova.api.CordovaPlugin; 
import org.apache.cordova.api.PluginResult;   
import org.json.JSONArray;   
import org.json.JSONException;   
import org.json.JSONObject;   
   
import android.content.Context; 
import android.content.Intent; 
import android.net.Uri; 
import android.os.Environment;   
import android.util.Log;   
   
public class OpenFilePlugin extends CordovaPlugin {   
    @Override 
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) {   
        try { 
            Context context = cordova.getActivity().getApplicationContext(); 
            //文件路径 
            String path = args.getString(0).toLowerCase(); 
             
            int len = path.length(); 
            String lastThree = path.substring(len-3, len); 
            String lastFour = path.substring(len-4, len); 
            //判断文件类型 
            //doc 
            if(lastThree.equals("doc") || lastFour.equals("docx")){ 
                Intent i = this.getWordFileIntent(path); 
                context.startActivity(i); 
            } 
            //excel 
            else if(lastThree.equals("xls") || lastFour.equals("xlsx")){ 
                Intent i = this. getExcelFileIntent(path); 
                context.startActivity(i); 
            } 
            //ppt 
            else if(lastThree.equals("ppt") || lastFour.equals("pptx")){ 
                Intent i = this. getPptFileIntent(path); 
                context.startActivity(i); 
            } 
            //pdf 
            else if(lastThree.equals("pdf")){ 
                Intent i = this.getPdfFileIntent(path); 
                context.startActivity(i); 
            } 
            //图片 
            else if(lastThree.equals("jpg") || lastThree.equals("png")  
                    || lastThree.equals("gif") || lastThree.equals("bmp") 
                    || lastFour.equals("jpeg")){ 
                Intent i = this.getImageFileIntent(path); 
                context.startActivity(i); 
            } 
            //文本 
            else if(lastThree.equals("txt")){ 
                Intent i = this.getTextFileIntent(path, false); 
                context.startActivity(i); 
            } 
            //html 
            else if(lastThree.equals("htm") || lastFour.equals("html")){ 
                Intent i = this.getHtmlFileIntent(path); 
                context.startActivity(i); 
            } 
            //chm 
            else if(lastThree.equals("chm")){ 
                Intent i = this.getChmFileIntent(path); 
                context.startActivity(i); 
            } 
            //音频 
            else if(lastThree.equals("mp3") || lastThree.equals("wav") 
                    || lastThree.equals("wma") || lastThree.equals("ogg") 
                    || lastThree.equals("ape") || lastThree.equals("acc")){ 
                Intent i = this.getAudioFileIntent(path); 
                context.startActivity(i); 
            } 
            //视频 
            else if(lastThree.equals("avi") || lastThree.equals("mov") 
                    || lastThree.equals("asf") || lastThree.equals("wmv") 
                    || lastThree.equals("navi") || lastThree.equals("3gp") 
                    || lastThree.equals("ram") || lastThree.equals("mkv") 
                    || lastThree.equals("flv") || lastThree.equals("mp4") 
                    || lastFour.equals("rmvb") || lastThree.equals("mpg")){ 
                Intent i = this.getVideoFileIntent(path); 
                context.startActivity(i); 
            } 
            else{ 
                callbackContext.success("无法打开该文件!"); 
            } 
                 
            Intent i = getExcelFileIntent(path); 
            context.startActivity(i); 
        } catch (JSONException e) { 
            // TODO Auto-generated catch block 
            e.printStackTrace(); 
        } 
         
        return true; 
         
    }   
    //android获取一个用于打开Excel文件的intent 
    public static Intent getExcelFileIntent(String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addCategory("android.intent.category.DEFAULT"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
     
        Uri uri = Uri.fromFile(new File(param)); 
     
        intent.setDataAndType(uri, "application/vnd.ms-excel"); 
     
        return intent; 
    } 
    //android获取一个用于打开HTML文件的intent

public static Intent getHtmlFileIntent( String param ){

Uri uri = Uri.parse(param ).buildUpon().encodedAuthority("com.android.htmlfileprovider").scheme("content").encodedPath(param ).build(); 
     
        Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.setDataAndType(uri, "text/html"); 
     
        return intent;

}

//android获取一个用于打开图片文件的intent

public static Intent getImageFileIntent( String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addCategory("android.intent.category.DEFAULT"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
     
        Uri uri = Uri.fromFile(new File(param )); 
     
        intent.setDataAndType(uri, "image/*"); 
     
        return intent;

}

//android获取一个用于打开PDF文件的intent

public static Intent getPdfFileIntent( String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addCategory("android.intent.category.DEFAULT"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
     
        Uri uri = Uri.fromFile(new File(param )); 
     
        intent.setDataAndType(uri, "application/pdf"); 
     
        return intent;

}

//android获取一个用于打开文本文件的intent

public static Intent getTextFileIntent( String param, boolean paramBoolean){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addCategory("android.intent.category.DEFAULT"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
     
        if (paramBoolean){ 
     
            Uri uri1 = Uri.parse(param ); 
         
            intent.setDataAndType(uri1, "text/plain"); 
     
        }else{ 
     
            Uri uri2 = Uri.fromFile(new File(param )); 
         
            intent.setDataAndType(uri2, "text/plain"); 
     
        } 
     
        return intent;

}

//android获取一个用于打开音频文件的intent

public static Intent getAudioFileIntent( String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); 
     
        intent.putExtra("oneshot", 0); 
     
        intent.putExtra("configchange", 0); 
     
        Uri uri = Uri.fromFile(new File(param )); 
     
        intent.setDataAndType(uri, "audio/*"); 
     
        return intent;

}

//android获取一个用于打开视频文件的intent

public static Intent getVideoFileIntent( String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); 
     
        intent.putExtra("oneshot", 0); 
     
        intent.putExtra("configchange", 0); 
     
        Uri uri = Uri.fromFile(new File(param )); 
     
        intent.setDataAndType(uri, "video/*"); 
     
        return intent;

}

//android获取一个用于打开CHM文件的intent

public static Intent getChmFileIntent( String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addCategory("android.intent.category.DEFAULT"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
     
        Uri uri = Uri.fromFile(new File(param )); 
     
        intent.setDataAndType(uri, "application/x-chm"); 
     
        return intent;

}

//android获取一个用于打开Word文件的intent

public static Intent getWordFileIntent( String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addCategory("android.intent.category.DEFAULT"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
     
        Uri uri = Uri.fromFile(new File(param )); 
     
        intent.setDataAndType(uri, "application/msword"); 
     
        return intent;

}

//android获取一个用于打开PPT文件的intent

public static Intent getPptFileIntent( String param ){

Intent intent = new Intent("android.intent.action.VIEW"); 
     
        intent.addCategory("android.intent.category.DEFAULT"); 
     
        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
     
        Uri uri = Uri.fromFile(new File(param )); 
     
        intent.setDataAndType(uri, "application/vnd.ms-powerpoint"); 
     
        return intent;


   
}

3. config.xml 
<plugins> 
        <plugin name="OpenFilePlugin" value="yourPackage.OpenFilePlugin"/> 
</plugins>

大功告成!

phonegap 附件下载及打开附件,布布扣,bubuko.com

时间: 2024-10-12 22:45:45

phonegap 附件下载及打开附件的相关文章

平台上传的附件下载后打开为空白原因

昨天从平台上下载了一个上传的附件文档,打开后发现是空白的:最开始还以为是上传附件的时候没弄对:但是通过测试发现上传过程是正确的,而且在点击查看附件的时候是可以看到附件的的大小:这是怎么回事呢?原来在架设服务器端IIS的时候忘记在MIME类型中添加下图中的这两个类型了: 原文地址:http://bbs.delit.cn/thread-840-1-1.html 转载请注明出处: 撰写人:度量科技http://www.delit.cn

javamail模拟邮箱功能收取电子邮件-中级实战篇【内容|附件下载方法】(javamail API电子邮件实例)

引言: JavaMail jar包下载地址:http://java.sun.com/products/javamail/downloads/index.html 此篇是紧随上篇文章而封装出来的,阅读本篇章建议先阅读上一篇  -->javamail模拟邮箱功能发送电子邮件-中级实战篇[新增附件发送方法](javamail API电子邮件实例) 在上一篇中,讲解了邮件发送的两个基本方法(HTML和附件),并且引入了两个新类 Multipart 和 BodyPart 两类,整体结构比较紧凑,邮件的服务

java、javascript实现附件下载

在web开发中,经常需要开发"下载"这一模块,以下给出一个简单的例子. 在服务器端,使用java开发: @RequestMapping(value = "download.html", method = RequestMethod.GET)     public void download(String resourceid, HttpServletRequest request, HttpServletResponse response) {        res

关于中文附件下载!~~~~~~~~~~

最近自己的项目发现中文不能下载(附件地址是项目的webroot下,属于直接链接),附件的herf含有中文就找不到. 我百度了好久,寻找的方向也是中文转码,URL包含中文方向. 后来发现自己完全错了,修改tomcat的配置文件就能做到 打开tomcat/conf/server.xml <Connector port="8080" URIEncoding="utf-8" protocol="HTTP/1.1" connectionTimeout

规划和高峰时间的方式打开附件是了解了解

http://t.cn/RPC0RJc http://t.cn/RPC0RXj http://t.cn/RPC0R0L http://t.cn/RPC0ROk http://t.cn/RPC0RRy http://t.cn/RPC0RRJ http://t.cn/RPC0RBK http://t.cn/RPC0RB6 http://t.cn/RPC0Rsy http://t.cn/RPC0RsM http://t.cn/RPC0EG2 http://t.cn/RPC0E5P http://t.c

Python 实现 Discuz论坛附件下载权限绕过漏洞

背景:最近压力有些大,想玩点游戏放松下,去Mac论坛下载,发现需要各种权限,于是蛋疼了. 所以,上网查了discuz! x3.1破解,手动替换,发现出现“链接已过期”.所以写了下面程序. 0.将下列代码复制到你的python IDE中. 1.先进网页,chrome浏览器查看网页元素,替换正则表达式内内容. 2.刷新你要下载的页面,右键复制下载链接 url = ‘你复制的链接’ 3.运行python,你的IDE里面就会打印出真实下载地址. 运行环境:python3.5 操作系统:macpro 20

解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象

原文:解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象 之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的form,还有其他一些form插件也是一样的,使用不当就会遇到这个问题. 前台: <!DOCTYPE html> <html> <head> <meta http-equiv=

xml或其他附件下载到客户端

//xml Document document=DocumentHelper.createDocument(); Element root=document.addElement("root"); //.....省略document的过程..... //下载到指定目录 OutputFormat format=OutputFormat.createPrettyPrint(); format.setEncoding("UTF-8"); XMLWriter writer=

redmine 中文附件下载文件找不到

/redmine/app/views/attachments/_links.html.erb 找到 <p><%= link_to_attachment attachment, :class => 'icon icon-attachment', :download => true -%> 替换为 <p><%= link_to attachment.filename, attachment_path(attachment) , :class => '