m (Charlot moved page DevOps:Doc/FlexForm/1-0-1-1/input-file-examples to examples without leaving a redirect) |
m (Text replacement - "{{Doc properties" to "{{Csp class properties") |
||
| (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 | {{Csp class 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 10:00, 15 July 2025
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>
