DevOps:Doc/FlexForm/2.0/input/file/examples - Revision history

Maintenance script: Imported by PageSync

2025-07-15T08:33:58Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:33, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0		\|Subject version=2.0
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

Charlot at 20:59, 13 December 2022

2022-12-13T20:59:58Z

← Older revision		Revision as of 22:59, 13 December 2022
Line 2:		Line 2:
	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.		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">		<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" />		<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>		</syntaxhighlight>

Line 12:		Line 12:
	Add form text field "description" on the files page content.		Add form text field "description" on the files page content.
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_form~~ action="addToWiki" enctype="multipart/form-data" >		<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="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="text" name="description" />
	<~~_input~~ type="submit" value="upload" />		<input type="submit" value="upload" />
	</~~_form~~>		</form>
	</syntaxhighlight>		</syntaxhighlight>

	==== Example 3 ====		==== 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">		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" >		<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="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="text" name="Comment" placeholder="Comment" />
	<~~_input~~ type="submit" value="upload" />		<input type="submit" value="upload" />
	</~~_form~~>		</form>

	</syntaxhighlight>		</syntaxhighlight>

Charlot: User:Charlot

2022-12-13T20:59:07Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:59, 13 December 2022
Line 2:		Line 2:
	\|Subject version=2.0		\|Subject version=2.0
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc parent=DevOps:Doc/FlexForm/1.0/input/file		\|Doc parent=DevOps:Doc/FlexForm/2.0/input/file
	\|Doc sort order=10		\|Doc sort order=10
	\|Doc target group=User		\|Doc target group=User
	\|Doc synopsis=Examples on using file uploads		\|Doc synopsis=Examples on using file uploads
	}}		}}

Charlot: User:Charlot

2022-12-13T20:58:32Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:58, 13 December 2022
Line 5:		Line 5:
	\|Doc sort order=10		\|Doc sort order=10
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=Examples on using file uploads
	}}		}}

Charlot: Charlot moved page DevOps:Doc/FlexForm/2.0/examples to DevOps:Doc/FlexForm/2.0/input/file/examples without leaving a redirect

2022-12-13T20:58:20Z

Charlot moved page DevOps:Doc/FlexForm/2.0/examples to examples without leaving a redirect

← Older revision	Revision as of 22:58, 13 December 2022
(No difference)

Charlot: User:Charlot

2022-12-13T20:57:20Z

User:Charlot

New page

==== 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>