Github user daserge commented on a diff in the pull request:
https://github.com/apache/cordova-plugin-file-transfer/pull/145#discussion_r64423473
--- Diff: README.md ---
@@ -315,3 +319,253 @@ If you are upgrading to a new (1.0.0 or newer)
version of File, and you have pre
cdvfile://localhost/persistent/path/to/file
which can be used in place of the absolute file path in both `download()`
and `upload()` methods.
+
+## Sample: Download and Upload Files <a name="sample"></a>
+
+Use the File-Transfer plugin to upload and download files. In these
examples, we demonstrate several tasks like:
+
+* [Downloading a binary file to the application cache](#binaryFile)
+* [Uploading a file created in your application's root](#uploadFile)
+* [Downloading the uploaded file](#downloadFile)
+
+## Download a Binary File to the application cache <a
name="binaryFile"></a>
+
+Use the File plugin with the File-Transfer plugin to provide a target for
the files that you download (the target must be a FileEntry object). Before you
download the file, create a DirectoryEntry object by using
`resolveLocalFileSystemURL` and calling `fs.root` in the success callback. Use
the `getFile` method of DirectoryEntry to create the target file.
+
+```js
+window.requestFileSystem(window.TEMPORARY, 5 * 1024 * 1024, function (fs) {
+
+ console.log('file system open: ' + fs.name);
+
+ // Make sure you add the domain name to the Content-Security-Policy
<meta> element.
+ var url = 'http://cordova.apache.org/static/img/cordova_bot.png';
+ // Parameters passed to getFile create a new file or return the file
if it already exists.
+ fs.root.getFile('downloaded-image.png', { create: true, exclusive:
false }, function (fileEntry) {
+ download(fileEntry, url, true);
+
+ }, onErrorCreateFile);
+
+}, onErrorLoadFs);
+```
+
+>*Note* For persistent storage, pass LocalFileSystem.PERSISTENT to
requestFileSystem.
+
+When you have the FileEntry object, download the file using the `download`
method of the FileTransfer object. The 3rd argument to the `download` function
of FileTransfer is the success callback, which you can use to call the app's
`readBinaryFile` function. In this code example, the `entry` variable is a new
FileEntry object that receives the result of the download operation.
+
+```js
+function download(fileEntry, uri, readBinaryData) {
+
+ var fileTransfer = new FileTransfer();
+ var fileURL = fileEntry.toURL();
+
+ fileTransfer.download(
+ uri,
+ fileURL,
+ function (entry) {
+ console.log("Successful download...");
+ console.log("download complete: " + entry.toURL());
+ if (readBinaryData) {
+ // Read the file...
+ readBinaryFile(entry);
+ }
+ else {
+ // Or just display it.
+ displayImageByFileURL(entry);
+ }
+ },
+ function (error) {
+ console.log("download error source " + error.source);
+ console.log("download error target " + error.target);
+ console.log("upload error code" + error.code);
+ },
+ null, // or, pass false
+ {
+ //headers: {
+ // "Authorization": "Basic
dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
+ //}
+ }
+ );
+}
+```
+
+If you just need to display the image, take the FileEntry to call its
toURL() function.
+
+```js
+function displayImageByFileURL(fileEntry) {
+ var elem = document.getElementById('imageFile');
--- End diff --
Does it make sense to name it like `imageElement` instead?
---
If your project is set up for it, you can reply to this email and have your
reply appear on GitHub as well. If your project does not have this feature
enabled and wishes so, or if the feature is enabled but not working, please
contact infrastructure at infrastruct...@apache.org or file a JIRA ticket
with INFRA.
---
---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscr...@cordova.apache.org
For additional commands, e-mail: dev-h...@cordova.apache.org
