• sencha touch + Cordova 3.x下载文件


    今天实现了一个文件下载功能,在网上找了下资料发现有些问题。

    我用的是小米1s,安卓 4.1.2,cordova 3.5,打包测试运行正常

    首先在控制层launch方法中加入以下代码:

     1         // 等待加载PhoneGap
     2         document.addEventListener("deviceready", onDeviceReady, false);
     3         // PhoneGap加载完毕
     4         function onDeviceReady() {
     5             //查找是否有zgky这个文件夹,没有则创建,然后找到这个文件夹的绝对路径
     6             window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fileSystem) {
     7                 //util.appRootDirName 全局变量,这里是zgky
     8                 fileSystem.root.getDirectory(util.appRootDirName, {
     9                     create: true,
    10                     exclusive: false
    11                 }, function (entry) {
    12                     //网上流传的资料中都是使用fullPath,在这里我获取到的是相对目录,在下载时使用会报错,所以换做了toURL()
    13                     //这是一个全局全局变量,用以保存路径
    14                     util.fullPath = entry.toURL();
    15                     //console.log('创建文件夹成功');
    16                     //console.log(util.fullPath);
    17                 }, function () {
    18                     console.log('创建文件夹失败');
    19                 });
    20             }, function () {
    21                 console.log('创建文件夹失败');
    22             });
    23         }

    在获取到一个绝对路径之后,我们就可以用一个方法来下载文件了,方法如下,调用此方法即可下载。

     1   downFile: function (url) {
     2             var me = this,
     3                 //正则表达式,用于获取文件名称
     4             reg = /[^\/]*[\/]+/g,
     5             //获取下载地址,me.fullPath在main控制层中获取,这是一个全局变量
     6             filePath = me.fullPath + "/" + url.replace(reg, ''),
     7             //下载地址
     8             url = encodeURI(url),
     9             fileTransfer = new FileTransfer();
    10              console.log('正在下载中,请等待...');
    11             fileTransfer.download(url, filePath,
    12             function (entry) {
    13                  console.log('下载成功!请在' + entry.fullPath + '目录中查看');
    15 }, 16 function (error) { 17  console.log('下载失败!' + error.source);
    19 }); 20 }

    在cordova中需要在创建项目时引入以下插件,

    ::引入文件插件
    cordova plugin add org.apache.cordova.file
    ::引入文件管理插件
    cordova plugin add org.apache.cordova.file-transfer

  • 相关阅读:
    一个让echarts中国地图包含省市轮廓的技巧
    安装MySql for Visual Studio的坑
    EasyUI文档学习心得
    《Node.js+MongoDB+AngularJS Web开发》读书笔记及联想
    U3D自定义Inspector项未触发保存事件的解决方案
    ANT自动打包U3D安卓项目研究笔记
    HipChat上传文件报未知错误解决方案
    Unity3D读取模型文件自动生成AnimatorController简单实例
    较友好的Web文件下载用户体验实例
    Cocos2dx 3.x包含ext库报错解决
  • 原文地址:https://www.cnblogs.com/mlzs/p/3825090.html
Copyright © 2020-2023  润新知