The index.html file containing JavaScript that makes use of the
File Chooser API functionality is listed below.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | <!DOCTYPE html><html manifest="manifest.appcache"> <head> <title>File Chooser API usage example</title> <link rel="x-antenna-managed-webapp-descriptor" href="webapp-descriptor.xml" /> <script type="text/javascript"> function printText(str) { var d = document.getElementById('text-box'); d.appendChild(document.createTextNode(str)); d.appendChild(document.createElement('br')); d.scrollTop = d.scrollHeight; } function getFile() { window.launchbox.FileChooser.getFile({ 'onSuccess' : function(result) { printText('File path - ' + result.filePath); printText('File size - ' + result.fileSize); }, 'onFailure' : function(error) { printText('Error: ' + error.description + '!'); } }); } init(); function clearOutput(){ var d = document.getElementById('text-box'); d.innerHTML = ""; } </script> </head> <body> <header> <h3><span>File Chooser API Usage Example</span> </h3> </header> <input type="button" onclick="getFile();" value="get File" /> <input type="button" onclick="clearOutput();" value="clear" /> <div id="text-box"></div> </body></html> |
The contents of the cache manifest file called manifest.appcache for
this application are listed below:
1 2 3 4 5 6 7 | CACHE MANIFESTCACHE:index.htmlNETWORK:* |
The webapp-descriptor.xml file for this application is defined in the
following way:
1 2 3 4 5 6 7 | <?xml version="1.0" encoding="UTF-8"?><webapp-descriptor xmlns="http://www.antennasoftware.com/application-hosting/web-app-descriptor/2.0"> <id>com.pega.sample.filechooser</id> <version>1.0.0</version> <name>File Chooser API usage example</name></webapp-descriptor> |