[xwiki-users] Configure FileUpload widget
Can anyone provide some assistance with correct usage of the XWiki FileUpload HTML5 widget? I have a page ProcessFile that can process an uploaded file, and in another page I have: {{velocity}} $xwiki.jsfx.use('uicomponents/widgets/upload.js', true) $xwiki.ssfx.use('uicomponents/widgets/upload.css', true) {{html}} <form action=" ProcessFile" method="post" enctype="multipart/form-data"> <input type="file" class="fileUploadWidget" name="newfile" /> <input type="hidden" name="form_token" value="$!{services.csrf.getToken()}" /> <button type="submit">Upload</button> </form> {{/html}} {{/velocity}} and in the page objects I have a Javascript Extension object with body: document.observe('dom:loaded', function(){ $$('input.fileUploadWidget').each(function(item){ new XWiki.FileUploader(item, { autoUpload: false, progressAutohide: true }); }); }); This works pretty well, but at the end of the upload I temporarily get a div appear below the widget containing a fully rendered wiki page. How do I prevent this, or rather how do I configure things so that I can display something more useful? Thanks, Bryn
On Wed, Jun 1, 2016 at 4:03 AM, Bryn Jeffries <bryn.jeffries@sydney.edu.au> wrote:
Can anyone provide some assistance with correct usage of the XWiki FileUpload HTML5 widget? I have a page ProcessFile that can process an uploaded file, and in another page I have:
{{velocity}} $xwiki.jsfx.use('uicomponents/widgets/upload.js', true) $xwiki.ssfx.use('uicomponents/widgets/upload.css', true)
{{html}} <form action=" ProcessFile" method="post" enctype="multipart/form-data"> <input type="file" class="fileUploadWidget" name="newfile" /> <input type="hidden" name="form_token" value="$!{services.csrf.getToken()}" /> <button type="submit">Upload</button> </form> {{/html}} {{/velocity}}
and in the page objects I have a Javascript Extension object with body: document.observe('dom:loaded', function(){ $$('input.fileUploadWidget').each(function(item){ new XWiki.FileUploader(item, { autoUpload: false, progressAutohide: true }); }); });
This works pretty well, but at the end of the upload I temporarily get a div appear below the widget containing a fully rendered wiki page. How do I prevent this, or rather how do I configure things so that I can display something more useful?
See https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform-core/xwik... . It could be the "responseURL" option which is used here https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform-core/xwik... . When not specified (empty) it is probably "resolved" as the current page URL, leading to a redirect to the current page after the file is uploaded. Hope this helps, Marius
Thanks,
Bryn _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
Marius Dumitru Florea said:
[...] This works pretty well, but at the end of the upload I temporarily get a div appear below the widget containing a fully rendered wiki page. How do I prevent this, or rather how do I configure things so that I can display something more useful?
See https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform- core/xwiki-platform- web/src/main/webapp/resources/uicomponents/widgets/upload.js#L387 . It could be the "responseURL" option which is used here https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform- core/xwiki-platform- web/src/main/webapp/resources/uicomponents/widgets/upload.js#L466 . When not specified (empty) it is probably "resolved" as the current page URL, leading to a redirect to the current page after the file is uploaded.
Hope this helps, Marius
Thanks Marius. I think you're right, but I can't follow how xredirect gets used subsequently. I'm not sure what the purpose of it is - perhaps to allow display of an image for the uploaded file? I wondered whether I could prevent anything being displayed by just setting responseURL to '' but this doesn't appear to change anything. Any ideas?
participants (2)
-
Bryn Jeffries -
Marius Dumitru Florea