How to download a file from URL in android using phonegap? - javascript

I want to download a file from URL.Like if i click on download button the file url should get connect and it should get downloaded into phone memory or SDCard of android.
Can anyone please help me how to get this to work using phonegap?
Thank you.

Please use the FileTransfer API from Phonegap or CoreDova. Here is the sample code from the same source:
var fileTransfer = new FileTransfer();
var uri = encodeURI("http://some.server.com/download.php");
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);
}
);
To save the file on SDCard use FileWriter
function gotFileWriter(writer) {
writer.onwriteend = function(evt) {
console.log("contents of file now 'some sample text'");
writer.truncate(11);
writer.onwriteend = function(evt) {
console.log("contents of file now 'some sample'");
writer.seek(4);
writer.write(" different text");
writer.onwriteend = function(evt){
console.log("contents of file now 'some different text'");
}
};
};
writer.write("some sample text");
}
function fail(error) {
console.log(error.code);
}

Related

mp3 Download Ionic Framework | Android | HTML5

I am working on ionic framework for android .
It simply contains an Iframe to embed a website in a blank project.
This is the website http://www.ultrayoutube.com/ANDROID/#/wanna.
I am facing two problems
Making Iframe equal to size of screen
I want Iframe to be equal to the size of window . I am using <iframe src="http://www.ultrayoutube.com/ANDROID/#/wanna" style="width:100%; height:100%;" ></iframe>
But iframe only takes 1/2 of screen in emulator
When the user searches for the song he must be able to download it by clicking download mp3
I have gone through some plugins as file transfer plugins but they all need a download link to download something . I want it that when the user clicks on button download mp3 , that link is automatically passed to the plugin and is downloaded to user's cell phone .
on Document Head try to initialise your file transfer plugin
function onDeviceReady() {
console.log('deviceready');
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0,
function(fileSystem) {
window.fs = fileSystem;
window.fileTransfer = new FileTransfer();
window.fileTransfer.onprogress = function(progressEvent) {
if (progressEvent.lengthComputable) {
var perc = Math.floor(progressEvent.loaded / progressEvent.total * 100);
console.log(perc + '%');
$('.progress-bar').css({width: perc + '%'});
}
};
window.fs.root.getDirectory('Download', {create: true}, function(dirEntry) {
window.downloadFolder = dirEntry;
});
},
function(evt) {
console.log(evt.target.error.code);
}
);
}
Change : script.js
app.run(function($rootScope, downloader, alertService) {
$rootScope.fs = window.fs;
$rootScope.downloadFolder = window.downloadFolder;
$rootScope.fileTransfer = window.fileTransfer;
$rootScope.messages = {}
...
$rootScope.saveContent = function(url) {
var uri = encodeURI(url);
$rootScope.fileTransfer.download(
uri,
$rootScope.downloadFolder.toURL() + "/" + url.substring(url.lastIndexOf('/') + 1),
function(entry) {
console.log("download complete: " + entry.fullPath);
},
function(error) {
console.log("download error source " + error.source);
console.log("download error target " + error.target);
}
);
};
...

Contact image from Phonegap not displayed

I saw several posts related to this like Ref but not working for me . I tried like below
First method:
Directly set image source from contact image value
var myImg = document.getElementById("cimg");
myImg.src = contacts[i].photos[0].value;
this one not display the image in img tag.
Second Method:
Pass the contact image value to the fileDownload option
window.requestFileSystem(LocalFileSystem.TEMPORARY, 0, function(fs){
fs.root.getFile("temp.jpg", {create: true, exclusive: false},
function(entry){
//alert(entry.toURL());
var fileTransfer = new FileTransfer();
fileTransfer.download(
contacts[i].photos[0].value, // the filesystem uri you mentioned
entry.fullPath,
function(entry) {
// do what you want with the entry here
console.log("download complete: " + entry.fullPath);
var src = entry.fullPath;
//$("").append('<img src="'+src+'" >');
},
function(error) {
alert("error source " + error.source);
console.log("error target " + error.target);
console.log("error code " + error.code);
console.log(error);
},
false,
null
);
}, function(e){
console.log("file create error",e);
});
}, null);
This one shows error like 07-28 07:37:56.468: E/FileTransfer(20986): {"target":"file:\/\/\/mnt\/sdcard\/Android\/data\/io.cordova.hellocordova\/cache\/temp.jpg","http_status":0,"code":3,"source":"content:\/\/com.android.contacts\/contacts\/2\/photo","exception":"read failed: EINVAL (Invalid argument)"}
07-28 07:37:56.468: E/FileTransfer(20986): java.io.IOException: read failed: EINVAL (Invalid argument)
Edit :
my phonegap contact[i].photo[0].value return like "content://com.android.contacts/contacts/1/photo"
how to resolve this one. Please help me.
please check what android version you are testing. Because there have a lot changes structures android 2.0 -> 2.2.. Can you try on android above 4.0 + ?

Where to save a PDF on Android device using FileTransfer plugin Phonegap

I am trying to download a PDF in my phonegap application and then immediately open it, but I get a File not Found error. It seems to download. Here is my code:
// Download
var url = "https://example/example.pdf";
var fileTransfer = new FileTransfer();
var uri = encodeURI(url);
var fileURL = 'cdvfile://localhost/persistent/com.mycompany.myApp/';
var fileName = 'example.pdf';
fileTransfer.download(
uri,
fileURL,
function (entry) {
alert("download complete: " + entry.fullPath);
// Open
cordova.plugins.fileOpener2.open(
fileURL + fileName,
'application/pdf',
{
error: function (errorObj) {
alert('Error status: ' + errorObj.status + ' - Error message: ' + errorObj.message + ' ' + errorObj.fileURL);
},
success: function () {
alert('file opened successfully');
}
}
);
},
function (error) {
alert("download error source " + error.source);
alert("download error target " + error.target);
alert("upload error code" + error.code);
}
);
alert('Downloading...');
I'm also wondering where is the best place to save files like this, that should be available after the app is closed?
second argument to fileTransfer.download is the location on device where you want to download pdf file.
You are setting var fileURL = 'cdvfile://localhost/persistent/com.mycompany.myApp/'; Which I believe does not exist. You can use file system plugin to first get file location on your device and then save it on device. you can use below code snapet.
var url = "https://example/example.pdf";
var uri = encodeURI(url);
//var fileURL = 'cdvfile://localhost/persistent/com.mycompany.myApp/';
// var fileName = 'example.pdf';
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
function gotFS(fileSystem) {
fileSystem.root.getDirectory("Dir_NAME", {
create: true,
exclusive: false
}, gotDirectory, fail);
}
function gotDirectory(entry) {
entry.getFile('yourFileNAme', {
create: true,
exclusive: false
}, gotFileEntry, fail);
}
function gotFileEntry(fileEntry) {
filePath = fileEntry.fullPath;
var fileTransfer = new FileTransfer();
fileTransfer.download(
'uri', filePath, function(entry) {
console.log("success");
//perform you launch task
}, function(error) {
console.log("error");
}, true, {});
}
I hope it will help you.
Even I am new to android but what I think that there is problem in URI
To open up a Uri in android it should have a structure like
file:///storage/....
(there should be 3 backslashes )
You can get more details here
The best place to save a pdf can be your sdcard or internal storage. Then the pdf will be available in your device even after the application closes.
If you wish to have the same pdf file, available in different devices while testing your application in different device/ or even in emulator you can save it in the assert folder of your android project.
hope this helps

How to download a video file from a link in phonegap?

Let suppose i have an .mp4 vedio on server. i want to download it in android phone, how i can do it.. Please guide me with some code
<script>
function downloadImage(url,fileName){
var fileTransfer = new FileTransfer();
fileTransfer.download(
url,
window.rootFS.fullPath+ "/" + fileName,
function(entry) {
alert(\"download complete: \" + entry.fullPath);
},
function(error) {
alert(\"download error\"+JSON.stringify(error));
}
);
}

Image upload in phonegap using Rest webservice in java

I am working phonegap + rest webservice. The service given below is working gud with web application test. the image file was uploaded in the local webserver. But same service is not working in phonegap. Included both codes here.
RestWebService
#POST
#Consumes(MediaType.MULTIPART_FORM_DATA)
public Response uploadFile(
#FormDataParam("image") InputStream uploadedInputStream,
#FormDataParam("image") FormDataContentDisposition fileDetail) {
System.out.println("entered");
//some logic .. this method is working good using webapplication ... i tested using html page
}
Phonegap code
function myDetails()
{
var options = new FileUploadOptions();
options.fileKey="file";
options.fileName=imgByte.substr(imgByte.lastIndexOf('/')+1);
options.mimeType="image/jpeg";
var ft = new FileTransfer();
ft.upload(imgByte, IMGURL, win, fail, options);
alert("finished calling upload");
}
function win(r) {
alert("success");
console.log("Code = " + r.responseCode);
console.log("Response = " + r.response);
console.log("Sent = " + r.bytesSent);
}
function fail(error) {
alert("An error has occurred: Code = " + error.code);
console.log("upload error source " + error.source);
console.log("upload error target " + error.target);
}
New some guidance
Log cat error :
04-18 18:30:31.621: E/FileTransfer(9459): {"target":"http:\/\/10.1.6.88:8080\/TodaysAdminAds\/resources\/service\/vendor\/vendorregistration","source":"\/9j\/4AAQSkZJRgABAQAAAQABAAD\/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P\/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P\/wAARCAHgA9QDASIAAhEBAxEB\/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL\/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4 Tl5ufo6erx8vP09fb3 Pn6\/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL\/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3 Pn6\/9oADAMBAAIRAxEAPwDrwOKT8KcenamBuSCeetIQtISR2P4UvY8UnTgD8KADg9aUY5xj8qTp97ilAAXjA goAXv05pDnPGfw7UYpG2qckleOmOKAAZzyPel4BPAHtimjHJUcHnNKQeeAT\/SgBu9yxGwBcZ3dqcThcgqMYycH9KGLbTtUFu27gGhcHnHNAC8 goGeQV5ox8uMDHuKRepAUY65JoAenXp0p2MdqZkD1 uKcM4PQCgBDzSdTz HFID1yCCPWloAX\/JxSd \/0o7HFA5PagBMkfew2e4HSjHOePalHB7Y lB6cAUAN 7IRgYIzzShhjgfpTZAOG7rz\/jR8wJIIx2oAVWycHoehGafuHbFQ YVkwXQK3IGTmhmYPx8yHqehU0ASbz7rj2pc5wQc9iKZgA\/KO\/rSk7TjI nSgBd5Iz2pQx56YqNtjL8wDDcOMZANKQGAODx0PTFAADjPLAtzjrilB2hVLbj2Peg5OQTTMkkFUc47GgBGUy5XcQoyCw4P4VIkeBjczetAfuYyF6HnOPypWZXG3n8M0AGwZBAOR3x2pcKDkLzSZzztP0peOuDmgA3HPTikJVsjkHv2NGQxHzcHpt6Up4BI5PX3oAX3\/nSeucflS49KMHHQUAAPbAH4UYye9HI n0o5oAT2HX35xS9ucGk5z22 nehhkdTu9QKADGfvY\/wNBA6nr dLn2pMDrzQAA5OOD7UEAkHBH8qU4x1NJg5I7GgAJA6sCPek25JfJxjGOSKNuMYX6ECl5x0J\/GgABJ6g9aUcA4BpvJ6Yx tKMqB0460AKD1G0jnvRgH1pGJHGcE9OKUHPIxQAbcc4ANHfjNIASSDnHUEUEeh\/EigBEwM4z PNKMheOcd6MFcnGT6CgqMjCn\/639aAFJPFGeaaB1GOD0OKMAn3\/AJ0AO6cHJoyAOf5UmOTx PejGOR\/KgBf4vagjIpMtjjafQ4pfU7Rnp0oAAOpyT9aQl9uQAT2B4oyOeCPwzR\/nOO1ADgfaj1oAPsaPmGcgfhQAvakI n FL0pucnqRQAc9QCaX86b3wcYpefu\/LntQAo9xil474pBnvS\/gOKAEPHfmjkA8DrxQCM\/d\/HHWk\/AigBeh7Uo lIOexpR FAB26Uh lLSdz60AKOKWkGMe1KMUAHaijH55oxQAd6MfhQDSUAFLTaU0AIKXFA4ooAWikooAWkpaSgA6UUUUAGKDRRQAdM0nQd6XHvSdO1ACchsdj7UvJHTFJzmlPvigA79qTAPv60dOo6ULjqM4oAXFFHTPagflQAfgKB1Pp2o\/OgD0xQAc9sUnTrmjOBS0AGeDxzRR VA69KAEAwT70tFJ FAByDgj8aXvR2xikHJ6UALQPoRSYwKMDrigAxSYx7 9LjtmjB9qAG89MH60UFQ3XqOeKMcc8UARl1U43KvtRT8L\/cB96KAH4HqaTb VAINKeM4FACYwKQZHc0ZyucEex7Ucc0AA78n\/CjPHT9KPwoBI9KABjjH6UZK9ce2KMn0pPzzQAhUs\/P3D\/DjpQB2xn8KUAjOME\/lQPrj2xg0AJs5zk 9KOPUmnYPpxQTgcHH4UAJgjnnHpQOe2PTNJk56c445oDEHBUknrjkUAO598e9LnIwR7dKaT6j8KQcZx07DjigBwBHPWkwc8\/lQWweKZu9zQBJ7f0poLbzwMdjnmomuYl4eVB9WApjX1so4njz9QaV0i1CT2RZwOBxntQO46fhVdLu1YcTx\/niplKSfdYNj0NCaYnGS3Q7GT lMjAUFB0XjFP6Dk80zEgfIACkcimSK5TIQg5PQd\/zpFKogATBPXv vekCg5R1b3BOaUOCcDdnt8vH\/wCqgBeQpPAOOhGeaTaDgkY45Hak8spyZC3qDijaFXOOOo46GgBrmRiPLKY6ZIOfwxTyCCWYsEAwRjNLtxjHB g5pm4cjflkPPp\/n2oAd5p3hQjezEYBP e9KCw 8CfXnpTvofwpAZNxARSB6Nz WKADJzwCPp0o8xsjIAA6ginBucbWH5YoYrjk4 tAB5inrn8qCygc\/oKZHIMbW2sBwGAp U7AfWgBVC4 XgUmV37QRu649qRVXqBg0FegJPqDQA7bnjg\/hR0z1zSAcUoz9PrQADJHoaPypf50ZoAT8B NJ68Uvv3o negBBx90j6gUpHvz6igHtke4pRx1FACdKQjPv8A0pfpmjOaADnsKToeBxS49qCPr HagBOcZJPH60ueDgfQUnXjeOenrRyOTjH9aAEDDA6HHenH6HPrTSxAJVc\/TApQR054oAXtnBo4pPl6de\/0o69OfT0oAFXb06dvahTjKjOfU0ppOCcenvQAufUY tJz32n0xSgCjH1oAb8vXaKCwAO0n8s0pBz0\/Ck5z3 lAACSMq4HQ8ilGRkdfpSdQeD9cUHjJAJxzx1oAUMe4x6UoY9cHH0pgJBzk5IHUU4FiOwP0oAUkYJA59KMgDr FJ859B70vzDqD HSgAHXg4B6cUhznoCPpRu4GQfyozjjGBQAexXijKjJAOB1NJjAGTx346048EGgBA2DgkZ9ulO57kCkP4flSDB 6BQA8ZPcU0nHWjHqOKCAM4B lAC9e1KPc0i\/U0vSgAyKToaM460vrj VACD9P5UtA\/GgdaAD8 KUUUUAIeKTHvS0lAC0UmKWgAooooAKMUUtABSUtFACUYpaSgAxRRRQAdqT14paTOAaAExjkj8aXFHQ0UAA\/pQfWge1H6UAGKM8cCkI7jr6UvPX8xigAB4pM\/hj1oOe3WjaOpx7UAL27UZpB0OOaX dABSHOOAT7Uv4Unvg\/T0oAXt0xR lNzxnGaUYHHJoAWgYopP89KAEYAcnPFLjtR NIRnByRjpQAtHSjpSdzxzQAdz0\/KmkgE5IzQQxIIPGecUuBnIXBPX3oATn 6fyopNrZPzcZ4GOlFADvpxS5HqM0mMHgUpB7UAJjsBTTwTngdqdikOM4zzQAflmlAyOf5UmewPXpxSK\/B4Kn0NADj6dDRwOgo79qTtgnHXnuKAEyC3APoTjOKACvIyfU9qOO3APfFCqFyAe\/ftQA4gntS845\/lTcBsqVyp4P0pk

Categories