Encountering issues with Windows 8 PhoneGap FileTransfer when trying to transfer text files

Question

Encountering issues with Windows 8 PhoneGap FileTransfer when trying to transfer text files

I'm facing an issue while attempting to upload a file to a server - the process seems successful, but the file doesn't actually transfer. I've temporarily hard-coded some values, but here's the code snippet:

var options = new FileUploadOptions(); 
options.fileKey = "file"; 
options.fileName = "readme.txt"; 
imageURI = "C:\\Users\\me\\AppData\\Local\\Packages\\MyApp_68mjwy0kbd4mc\\LocalState\\readme.txt" 
options.mimeType = "text/plain"; 
options.httpMethod = "POST"; 
options.chunkedMode = false; 
var ft = new FileTransfer(); 

ft.upload(imageURI, encodeURI("http://example.com/upload/upload.php"), fileUploadWin, fileUploadFail, options);

Upon examining Fiddler, I noticed that two file names are being set:

-----------------------------7de36c253902b2 Content-Disposition: form-data; name="source";filename="readme.txt""; filename="blob" Content-Type: text/plain

The file in question is a UTF-8 text file created using FileWriter. I can see it on disk and it contains the base64 string I wrote to it.

javascript cordova windows-store-apps fiddler

Answer 1

Answer №1

For those working on Windows store apps, consider using filepicker instead of filetransfer (phonegap).

Here is an example using filepicker:

function uploadFile() {
var filePicker = new Windows.Storage.Pickers.FileOpenPicker();
filePicker.fileTypeFilter.replaceAll(["*"]);

filePicker.pickSingleFileAsync().then(function (file) {
    if (!file) {
        printLog("No file selected");
        return;
    }

    var upload = new UploadOp();
    var uriString ="";//serverurl
    upload.start(uriString, file);

    // Add the upload operation to the uploadOps array.
    uploadOperations.push(upload);
});
}

Alternatively, you can use path:

function uploadFile() {
// Create the file in the Application Local folder asynchronously.
    Windows.Storage.ApplicationData.current.localFolder.getFileAsync("readme.txt").done(function (file) {

    var upload = new UploadOp();
    var uriString = document.getElementById("serverAddressField").value;
    upload.start(uriString, file);

    // Add the upload operation to the uploadOps array.
    uploadOperations.push(upload);
});

}

Answer 2

For those working on Windows store apps, consider using filepicker instead of filetransfer (phonegap).

Here is an example using filepicker:

function uploadFile() {
var filePicker = new Windows.Storage.Pickers.FileOpenPicker();
filePicker.fileTypeFilter.replaceAll(["*"]);

filePicker.pickSingleFileAsync().then(function (file) {
    if (!file) {
        printLog("No file selected");
        return;
    }

    var upload = new UploadOp();
    var uriString ="";//serverurl
    upload.start(uriString, file);

    // Add the upload operation to the uploadOps array.
    uploadOperations.push(upload);
});
}

Alternatively, you can use path:

function uploadFile() {
// Create the file in the Application Local folder asynchronously.
    Windows.Storage.ApplicationData.current.localFolder.getFileAsync("readme.txt").done(function (file) {

    var upload = new UploadOp();
    var uriString = document.getElementById("serverAddressField").value;
    upload.start(uriString, file);

    // Add the upload operation to the uploadOps array.
    uploadOperations.push(upload);
});

}

Encountering issues with Windows 8 PhoneGap FileTransfer when trying to transfer text files

Answer №1

Similar questions

Show information in a React Native element | Firebase

Next.js React Hydration Issue - "Anticipated a corresponding <a> within the server HTML <a>"

Adding JavaScript files to a project in Ionic2 with Angular2 integration

What benefits come from dynamically loading and unloading JavaScript and CSS stylesheets?

What is the best way to incorporate and execute a separate JavaScript file in a Node application using Express JS?

Loop through the array only if the property exists to avoid encountering the 'cannot iterate over undefined' error

Simple method to retrieve unordered list identifiers as an array using PHP

What is the best way to achieve complete code coverage for ajax requests, including success and failure callbacks, using Jasmine and Blanket.js?

Validating an email address without the "@" symbol or if the "@" symbol is the last character

Ajax is capable of sending images as part of the data payload

I am experiencing issues with my JSON array when trying to integrate it into the Ionic framework with Cordova

What is the most effective way to send URL strings to the server-side click handler in a jQuery loop using $.each method?

Jesting around with mocking console.error leads to test failures

Import a new JavaScript file and access a variable

Processing a JSON array of objects in AngularJS

Verifications in the realm of javascript

Tips for extracting and utilizing a JSON object provided by the parent page:

Having trouble navigating to the bottom of a VUEJS app?

A guide on accessing information from nested arrays in JavaScript

The appearance of an unforeseen * symbol caused a