Hello I should save images on the device when the user clicks the download button.
I'm using the cordova file transfer plugin, but I can not save images in the device gallery.
$("#downloadFile").click(function()
{
var fileTransfer = new FileTransfer();
var uri = encodeURI("www.mysite.com/image.jpg");
var fileURL = cordova.file.????;
fileTransfer.download(
uri, fileURL, function(entry)
{
alert("download complete: " + entry.toURL());
},
function(error)
{
alert("download error source " + error.source);
alert("download error target " + error.target);
alert("download error code" + error.code);
},
false,
{
headers:
{
"Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
}
});
});
Are there any other ways to save an image using cordova?
Thanks, ciao
https://www.npmjs.com/package/cordova-plugin-save-image
You should use this plugin
function(entry){
window.cordova.plugins.imagesaver.saveImageToGallery(uri, function(success){}, function(error){});
}
nativePathToJpegImage is uri.
Related
I am downloading a file from the server, it returns in Blob format. I have used the following piece of code to convert blob to URL.
const blob = new Blob([data], { type: 'application/pdf' });
const url= window.URL.createObjectURL(blob);
After that, I have used Cordova-File-Transfer-Plugin code to Download that File. Code provided below:
downloadOverMobile(url){
var fileTransfer = new FileTransfer();
let fileURL = 'cdvfile://localhost/persistent/Download/Invoice.pdf';
var uri = encodeURI(url);
fileTransfer.download(uri,fileURL,
function(entry) {
console.log("download complete: " + entry.toURL());
},
function(error) {
console.log("download error source " + error.source);
console.log("download error target " + error.target);
console.log("download error code " + error.code);
},
false,
{
headers: {
}
}
);
}
I am getting the following response:
download error source blob:file:///d1339351-7d29-4dcd-bba6-0b037003c886
download error target
cdvfile://localhost/persistent/Download/Invoice.pdf
download error code 2
I am using angular 4 and Cordova 8.1.2. Can Anyone tell me what am I missing?
I have a problem with downloading a pdf from an external url and save it on the android device. So far I get these errors:
download error source http://bbg.co.tz/wp-content/uploads/2015/03/CC008962_Tanzania-tax-briefing-transfer-pricing_18-11-15.pdf
index.js:227 download error target /Phone/Download
index.js:228 upload error code1
And here is my code:
function bbgDownload(bbgURL)
{
var fileTransfer = new FileTransfer();
var uri = encodeURI(bbgURL);
fileURL='/Phone/Download'
fileTransfer.download(
uri,
fileURL,
function(entry) {
console.log("download complete: " + entry.toURL());
},
function(error) {
console.log("download error source " + error.source);
console.log("download error target " + error.target);
console.log("upload error code" + error.code);
},
false,
{
headers: {
"Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
}
}
);
console.log("Please show this URL " + bbgURL);
}
Append a filename to your fileURL variable. This worked for me, for example:
var fileTransfer = new FileTransfer();
var uri = encodeURI("http://bbg.co.tz/wp-content/uploads/2015/03/CC008962_Tanzania-tax-briefing-transfer-pricing_18-11-15.pdf");
var fileURL = "cdvfile://localhost/persistent/mydir/myPdfFile.pdf";
fileTransfer.download(
uri,
fileURL,
function(entry) {
console.log("download complete: " + entry.toURL());
},
function(error) {
console.log("download error source " + error.source);
console.log("download error target " + error.target);
console.log("upload error code" + error.code);
},
false,
{
headers: {
"Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
}
}
);
I can download files with phonegap api. (I use cordova 2.9.1)
But only if I know the url, for example: http://domain.com/url/to/img/moo.png.
But in my server I want to read the binary data of the file and send the binary string to
the phonegap app.
Is this possible to achieve this???
Here is the code:
var fileTransfer = new FileTransfer();
// var uri = encodeURI("http://zielekols.com/Bilder/logo.png");
var uri = encodeURI('url/to/get');
fileTransfer.download(
uri,
'/storage/emulated/0/moo.pdf',
function(entry) {
console.log("download complete: " + entry.fullPath);
},
function(error) {
console.log("download error source " + error.source);
console.log("download error target " + error.target);
console.log("upload error code" + error.code);
},
false
);
I am building a android applikation using Phonagap and jquery mobile.
In the app I need to download some mp3-files, but it won't work
Here is my function:
function downloadFile() {
var fileTransfer = new FileTransfer();
var uri = encodeURI("http://media.domain.com/myfile.mp3");
var filepath = remoteFile.substring(remoteFile.lastIndexOf('/')+1);
fileTransfer.download(
uri,
filePath,
function(entry) {
console.log("download complete: " + entry.fullPath);
},
function(error) {
console.log("download error source " + error.source);
console.log("download error target " + error.target);
console.log("upload error code" + error.code);
}
);
}
What am I doing wrong..?
remoteFile does not appear to be set.
I want to download pdf file in my android phone using phone gap.can any one help me to download it? i have used https://github.com/phonegap/phonegap-plugins/tree/master/Android/Downloader plugin but it is not working.If anybody have any other downloading method then please let me know..
Thanks in advance..
You can use the phonegap file api to download the files you want from server. Check docs for more detail - FileTransfer API
Here is an example code to download and save a pdf file in your sdcard.
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(){
var fileTransfer = new FileTransfer();
var url = "http://www.irs.gov/pub/irs-pdf/fw4.pdf";
var filePath = window.appRootDir.fullPath + "/test.pdf";
fileTransfer.download(
url,
filePath,
function(entry) {
alert("download complete: " + entry.fullPath);
},
function(error) {
alert("download error" + error.source);
}
);
}
For full source - https://gist.github.com/3055240
** You must add plugin file API, file transfer in phonegap (3.0+)
function downloadPDF(url, fileName, folder) {
var fileTransfer = new FileTransfer();
var uri = encodeURI(url);
var fileURL = folder + fileName;
fileTransfer.download(
uri,
fileURL,
function(entry) {
alert("complete");
console.log("download complete: " + entry.toURL());
},
function(error) {
alert("upload error code" + error.code);
console.log("download error source " + error.source);
console.log("download error target " + error.target);
console.log("upload error code" + error.code);
},
false,
{
headers: {
"Authorization": "Basic dGVzdHVzZXJuYW1lOnRlc3RwYXNzd29yZA=="
}
}
);
}
in Link
<a href="#"
onclick="
downloadPDF(
'http://cran.r-project.org/doc/manuals/R-intro.pdf',
'R-intro.pdf',
'/sdcard/nuuoeiz/'
);">
Download PDF</a>