(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=input/file/examples
+
|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 subject=DevOps:Doc/FlexForm
+
|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>