Uploading Files

Uploading a file

Uploading files to Jaxer from a web form is a relatively straightforward process. All you need is a form to present to the user, which contains an input element of type upload, and an html page to receive the submitted form.

Example HTML upload form

This example upload form simply allows you to select up to 2 files for upload from the local filesystem. Pressing 'upload' posts the contents of that form to an HTML page containing the javascript shown later.

The form will look like the following when viewed in a browser. Pressing the browse button will present you with a file selection dialog, or you can type the path into the input box directly.

Example Jaxer code to receive file uploads

To receive the data from the form when submitted we put some jaxer code into the page the form will be submitted to.

The data posted by the form is available within the Jaxer.request object.

For the purposes of this example we are specifically interested in the Jaxer.request.files array which contains an array of Jaxer.Request.FileInfo objects, one for each file posted with the form.

The Jaxer.Request.FileInfo object contains some useful properties describing the file, such as fileName, contentType, etc.

Uploading 2 files from my filesystem from the form in this example would return a page of output like below. We have uploaded the file to same location as the submission.html file used as the form action in the originating HTML.

Saved to C:\aptana\JaxerDev\public\work\bar.txt
original filename : bar.txt
temp filename : C:\aptana\JaxerDev\tmp\tmp
contentType : text/plain
size : 15754
Saved to : C:\aptana\JaxerDev\public\work\foo.txt
original filename : foo.txt
temp filename : C:\aptana\JaxerDev\tmp\tmp-1
contentType : text/plain
size : 816

API docs for the FileInfo object and the Jaxer.Request object are available online.

Chapters

Other Resources

Uploading Files

Uploading a file

Example HTML upload form

Example Jaxer code to receive file uploads

Site Navigation