(8 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | ==== Example 1 ==== | ||
+ | This will upload a file. If the filename is DCM10001.jpg, the file will be uploaded as '''pictures-DCM10001-732138982.jpg''', The filepage will have '''Information of the test file'''. Finally using '''error_id''' and '''verbose_id''', means the user should add two div's, one with an id="div-error" and one with an id="div-verbose" with these name themselves. | ||
+ | <syntaxhighlight lang="html"> | ||
+ | <_input type="file" id="file-upload" target="pictures-[filename]-[mwrandom]" pagecontent="Information of the test file" error_id="div-error" verbose_id="div-verbose" /> | ||
+ | </syntaxhighlight> | ||
+ | ==== Example 2 ==== | ||
+ | Always make sure an image will be transformed to jpeg. | ||
+ | |||
+ | Allow for multiple file upload. | ||
+ | |||
+ | Add form text field "description" on the files page content. | ||
+ | <syntaxhighlight lang="html"> | ||
+ | <_form action="addToWiki" enctype="multipart/form-data" > | ||
+ | <_input type="file" id="file-upload" multiple="multiple" parsecontent target="pictures-[filename]-[mwrandom]" pagecontent="Information for this image: [description]" force="jpg" /> | ||
+ | <_input type="text" name="description" /> | ||
+ | <_input type="submit" value="upload" /> | ||
+ | </_form> | ||
+ | </syntaxhighlight> | ||
+ | |||
+ | ==== Example 3 ==== | ||
+ | Store a template to the pagecontent. You can use this if you want the filepage to have structured content or if you want to store structured data with an extension like SMW.<syntaxhighlight lang="html"> | ||
+ | <_form action="addToWiki" enctype="multipart/form-data" > | ||
+ | <_input type="file" id="file-upload" target="picture-[mwrandom]" parsecontent template="Uploaded file" pagecontent="[flexform-template]|Uploaded from page={{FULLPAGENAME}}|Uploaded by={{CURRENTLOGGEDUSER}}|Comment=[Comment][/flexform-template]" | ||
+ | <_input type="text" name="Comment" placeholder="Comment" /> | ||
+ | <_input type="submit" value="upload" /> | ||
+ | </_form> | ||
+ | |||
+ | </syntaxhighlight> | ||
ws-base-props | |||
---|---|---|---|
Line 1: | Line 1: | ||
{{Base properties | {{Base properties | ||
− | |Title= | + | |Title=examples |
|Class=Doc | |Class=Doc | ||
}} | }} | ||
ws-class-props | |||
Line 1: | Line 1: | ||
{{Doc properties | {{Doc properties | ||
+ | |Doc subject=DevOps:Doc/FlexForm | ||
|Subject version=1.0,1.1 | |Subject version=1.0,1.1 | ||
− | |Doc | + | |Doc parent=DevOps:Doc/FlexForm/1.0/input/file |
+ | |Doc sort order=10 | ||
+ | |Doc target group=User | ||
+ | |Doc synopsis=Examples on using file uploads | ||
}} | }} |
Latest revision as of 14:55, 22 September 2022
Example 1
This will upload a file. If the filename is DCM10001.jpg, the file will be uploaded as pictures-DCM10001-732138982.jpg, The filepage will have Information of the test file. Finally using error_id and verbose_id, means the user should add two div's, one with an id="div-error" and one with an id="div-verbose" with these name themselves.
<_input type="file" id="file-upload" target="pictures-[filename]-[mwrandom]" pagecontent="Information of the test file" error_id="div-error" verbose_id="div-verbose" />
Example 2
Always make sure an image will be transformed to jpeg.
Allow for multiple file upload.
Add form text field "description" on the files page content.
<_form action="addToWiki" enctype="multipart/form-data" >
<_input type="file" id="file-upload" multiple="multiple" parsecontent target="pictures-[filename]-[mwrandom]" pagecontent="Information for this image: [description]" force="jpg" />
<_input type="text" name="description" />
<_input type="submit" value="upload" />
</_form>
Example 3
Store a template to the pagecontent. You can use this if you want the filepage to have structured content or if you want to store structured data with an extension like SMW.
<_form action="addToWiki" enctype="multipart/form-data" >
<_input type="file" id="file-upload" target="picture-[mwrandom]" parsecontent template="Uploaded file" pagecontent="[flexform-template]|Uploaded from page={{FULLPAGENAME}}|Uploaded by={{CURRENTLOGGEDUSER}}|Comment=[Comment][/flexform-template]"
<_input type="text" name="Comment" placeholder="Comment" />
<_input type="submit" value="upload" />
</_form>