Wiki source code of HTML5 File Upload Widget
Version 1.1 by Sergiu Dumitriu on 2012/08/14
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{box cssClass="floatinginfobox" title="**Contents**"}} | ||
| 2 | {{toc/}} | ||
| 3 | {{/box}} | ||
| 4 | |||
| 5 | {{info}}This is a Javascript widget bundled by default with the XWiki platform since version 4.2-milestone-3.{{/info}} | ||
| 6 | |||
| 7 | == Usage == | ||
| 8 | |||
| 9 | The File Upload widget can enhance HTML ##input## elements of type ##file## to provide an interactive upload UI. It can submit files either automatically when the user selects local files, or after the user presses the container form's submit button. | ||
| 10 | |||
| 11 | To use this widget, it is enough to create a new instance of ##XWiki.FileUploader## passing the target input element as the first parameter, and an optional configuration object as the second parameter. | ||
| 12 | |||
| 13 | {{code language="javascript"}} | ||
| 14 | var targetInput = $('input-ID'); | ||
| 15 | if(targetInput) { | ||
| 16 | new XWiki.FileUploader(targetInput, { | ||
| 17 | autoUpload: true, | ||
| 18 | progressAutohide: true | ||
| 19 | }); | ||
| 20 | } | ||
| 21 | {{/code}} | ||
| 22 | |||
| 23 | [[image:html5uploads.png||class="screenshot"]] | ||
| 24 | |||
| 25 | === Configuration options === | ||
| 26 | |||
| 27 | |=Option|=Details | ||
| 28 | |maxFilesize|Maximum accepted file size, as a number. By default the maximum attachment size configured in the wiki is used. | ||
| 29 | |fileFilter|Regular expression defining accepted MIME types, as a valid JavaScript RegExp object. For example, ##/image\/.*/## for accepting only images. By default all MIME types are allowed. | ||
| 30 | |enableFileInfo|Should information (name, type, size) about each selected file be displayed? Defaults to ##true##. | ||
| 31 | |enableProgressInfo|Should a progress bar be displayed as each file is uploaded? Defaults to ##true##. | ||
| 32 | |progressAutohide|Should the progress information disappear automatically once all the uploads are completed? Defaults to ##false##. | ||
| 33 | |autoUpload|Should the upload start as soon as the files are selected, or wait for a submit event? Defaults to ##true##. | ||
| 34 | |responseContainer|Where should the server response be displayed? If no container is provided, a new ##div## below the input will be created. | ||
| 35 | |responseURL|A custom URL to be used for obtaining the response after the files are uploaded. If an URL isn't provided, an existing ##xredirect## parameter in the form is going to be used. |
