-
-
Save nathanpc/2464060 to your computer and use it in GitHub Desktop.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title></title> | |
| <!-- Android | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> | |
| <meta charset="utf-8">--> | |
| <!-- iPad/iPhone specific css below, add after your main css > | |
| <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="/ipad.css" type="text/css" /> | |
| <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="/iphone.css" type="text/css" /> | |
| --> | |
| <!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here --> | |
| <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> | |
| <script type="text/javascript"> | |
| // If you want to prevent dragging, uncomment this section | |
| /* | |
| function preventBehavior(e) | |
| { | |
| e.preventDefault(); | |
| }; | |
| document.addEventListener("touchmove", preventBehavior, false); | |
| */ | |
| /* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch. | |
| see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html | |
| for more details -jm */ | |
| /* | |
| function handleOpenURL(url) | |
| { | |
| // TODO: do something with the url passed in. | |
| } | |
| */ | |
| function onBodyLoad() | |
| { | |
| document.addEventListener("deviceready", onDeviceReady, false); | |
| } | |
| function downloadFile(){ | |
| window.requestFileSystem( | |
| LocalFileSystem.PERSISTENT, 0, | |
| function onFileSystemSuccess(fileSystem) { | |
| fileSystem.root.getFile( | |
| "dummy.html", {create: true, exclusive: false}, | |
| function gotFileEntry(fileEntry){ | |
| var sPath = fileEntry.fullPath.replace("dummy.html",""); | |
| var fileTransfer = new FileTransfer(); | |
| fileEntry.remove(); | |
| fileTransfer.download( | |
| "http://www.w3.org/2011/web-apps-ws/papers/Nitobi.pdf", | |
| sPath + "theFile.pdf", | |
| function(theFile) { | |
| console.log("download complete: " + theFile.toURI()); | |
| showLink(theFile.toURI()); | |
| }, | |
| function(error) { | |
| console.log("download error source " + error.source); | |
| console.log("download error target " + error.target); | |
| console.log("upload error code: " + error.code); | |
| } | |
| ); | |
| }, | |
| fail); | |
| }, | |
| fail); | |
| } | |
| function showLink(url){ | |
| alert(url); | |
| var divEl = document.getElementById("ready"); | |
| var aElem = document.createElement("a"); | |
| aElem.setAttribute("target", "_blank"); | |
| aElem.setAttribute("href", url); | |
| aElem.appendChild(document.createTextNode("Ready! Click To Open.")) | |
| divEl.appendChild(aElem); | |
| } | |
| function fail(evt) { | |
| console.log(evt.target.error.code); | |
| } | |
| /* When this function is called, PhoneGap has been initialized and is ready to roll */ | |
| /* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch. | |
| see http://iphonedevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html | |
| for more details -jm */ | |
| function onDeviceReady() | |
| { | |
| // do your thing! | |
| downloadFile(); | |
| } | |
| </script> | |
| </head> | |
| <body onload="onBodyLoad()"> | |
| <h1>Hey, it's PhoneGap!</h1> | |
| <p>Don't know how to get started? Check out <em><a target="_blank" href="/http://www.phonegap.com/start">PhoneGap Start</a><em> | |
| </p> | |
| <br /> | |
| <p> | |
| DOWNLOADING FILE...<br /> | |
| <span id="ready"></span> | |
| </p> | |
| </body> | |
| </html> |
Dear Sir thank you So much, i used ur work with PhoneGap 3.0 and it works great, but now i couldn't make it work with PhoneGap 3.3 the line fileSystem.root.getFile always give me Exception
02-20 12:24:34.997: W/System.err(32109): java.net.MalformedURLException: No installed handlers for this URL
02-20 12:24:34.997: W/System.err(32109): at org.apache.cordova.file.FileUtils.getFile(FileUtils.java:684)
02-20 12:24:35.007: W/System.err(32109): at org.apache.cordova.file.FileUtils.access$5(FileUtils.java:679)
02-20 12:24:35.007: W/System.err(32109): at org.apache.cordova.file.FileUtils$16.run(FileUtils.java:349)
02-20 12:24:35.017: W/System.err(32109): at org.apache.cordova.file.FileUtils$24.run(FileUtils.java:473)
02-20 12:24:35.017: W/System.err(32109): at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1112)
02-20 12:24:35.017: W/System.err(32109): at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:587)
02-20 12:24:35.017: W/System.err(32109): at java.lang.Thread.run(Thread.java:841)
Updated to PhoneGap 3.3.0:
https://gist.github.com/claudiojs/9207048
...as suggested here:
http://stackoverflow.com/questions/21750113/phonegap-3-3-0-crashes-on-urlforfilesystempath-selector
Maybe you'd like to try this:
new FileManager().download_file('http://url','target_path',Log('downloaded success'));
target_path: can include directory (example: dira/dirb/file.html) and the directories will be created recursively.
https://github.com/torrmal/cordova-simplefilemanagement
- Download file from url to your device using phonegap
- It is working 3.0 and up to for iOS and android
var folderName = 'xyz';
var fileName;
function downloadFile(URL) {
//step to request a file system
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, fileSystemSuccess, fileSystemFail);
function fileSystemSuccess(fileSystem) {
var download_link = encodeURI(URL);
fileName = download_link.substr(download_link.lastIndexOf('/') + 1); //Get filename of URL
var directoryEntry = fileSystem.root; // to get root path of directory
directoryEntry.getDirectory(folderName, {
create: true,
exclusive: false
}, onDirectorySuccess, onDirectoryFail); // creating folder in sdcard
var rootdir = fileSystem.root;
var fp = fileSystem.root.toNativeURL(); // Returns Fullpath of local directory
fp = fp + "/" + folderName + "/" + fileName; // fullpath and name of the file which we want to give
// download function call
filetransfer(download_link, fp);
}
function onDirectorySuccess(parent) {
// Directory created successfuly
}
function onDirectoryFail(error) {
//Error while creating directory
alert("Unable to create new directory: " + error.code);
}
function fileSystemFail(evt) {
//Unable to access file system
alert(evt.target.error.code);
}
}
function filetransfer(download_link, fp) {
var fileTransfer = new FileTransfer();
// File download function with URL and local path
fileTransfer.download(download_link, fp,
function(entry) {
alert("download complete: " + entry.fullPath);
},
function(error) {
//Download abort errors or download failed errors
alert("download error source " + error.source);
}
);
}
thx parthdevmurari91, it works!
just change "toNativeURL()" deprecated
var fp = fileSystem.root.toNativeURL();
with "toURL()"
var fp = fileSystem.root.toURL();
thax parthdevmurari91
just one question, how do you pass the URL to downloadFile(URL) function
test
This code works fine on android but when I used this code on ios, it tells me that the download is successfully completed but I find no files downloaded ... please help