Forked from nathanpc/phonegap_download_example.html
Last active
August 29, 2015 13:56
-
-
Save claudiojs/9207048 to your computer and use it in GitHub Desktop.
Downloading a file with phonegap.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="format-detection" content="telephone=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, target-densitydpi=device-dpi" /> | |
| <link rel="stylesheet" type="text/css" href="css/index.css" /> | |
| <title>Hello World</title> | |
| </head> | |
| <body> | |
| <div class="app"> | |
| <h1>PhoneGap</h1> | |
| <div id="deviceready" class="blink"> | |
| </div> | |
| </div> | |
| <script type="text/javascript" src="phonegap.js"></script> | |
| <script type="text/javascript"> | |
| document.addEventListener('deviceready', onDeviceReady, false); | |
| function downloadFile() { | |
| console.log('downloadFile'); | |
| window.requestFileSystem( | |
| LocalFileSystem.PERSISTENT, | |
| 0, | |
| onRequestFileSystemSuccess, | |
| fail | |
| ); | |
| } | |
| function onRequestFileSystemSuccess(fileSystem) { | |
| console.log('onRequestFileSystemSuccess'); | |
| fileSystem.root.getFile( | |
| 'dummy.html', | |
| {create: true, exclusive: false}, | |
| onGetFileSuccess, | |
| fail | |
| ); | |
| } | |
| function onGetFileSuccess(fileEntry) { | |
| console.log('onGetFileSuccess!'); | |
| var path = fileEntry.toURL().replace('dummy.html', ''); | |
| var fileTransfer = new FileTransfer(); | |
| fileEntry.remove(); | |
| fileTransfer.download( | |
| 'http://www.w3.org/2011/web-apps-ws/papers/Nitobi.pdf', | |
| path + 'theFile.pdf', | |
| function(file) { | |
| console.log('download complete: ' + file.toURI()); | |
| showLink(file.toURI()); | |
| }, | |
| function(error) { | |
| console.log('download error source ' + error.source); | |
| console.log('download error target ' + error.target); | |
| console.log('upload error code: ' + error.code); | |
| } | |
| ); | |
| } | |
| function showLink(url) { | |
| alert(url); | |
| var divEl = document.getElementById('deviceready'); | |
| 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 */ | |
| function onDeviceReady() { | |
| console.log('device ready!'); | |
| downloadFile(); | |
| } | |
| </script> | |
| </body> | |
| </html> |
thanks, the trouble was in fileEntry.fullPath in place of fileEntry.fullPath
Thanks a Lot! It took me a day to figure it out, and finally with your code I could understand
Does anyone know if this will work for iOS and windows phone? I don't have those to test :(
Thanks a lot. It has been days that I was working on file transfer without any success.
Your code works great with 3.5.0 with file-transfer plugin.
It works for me.
However now, having grasped the basics I'm refactoring all the dummy business into cordova.file.dataDirectory
DOCS: https://github.com/apache/cordova-plugin-file/blob/master/doc/index.md
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Is this still working in 3.4.0? I just tried quick test and it's seeming to die after onRequestFileSystemSuccess() ... never gets to onGetFileSuccess().Strike this - I forgot to add the file-transfer plugin! This works great even with 3.4.0. THANK YOU