TYPO3 Formidable - Image upload + preview + deletion

Image upload + preview + deletion

See code: IMAGE: upload + preview + deletion

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<formidable version="2.0.440"
	xmlns:renderlet="http://formidable.typo3.ug/xmlns/2.0.440/renderlet">

<elements>
		
		<renderlet:UPLOAD name="myupload" label="Select an image file, &lt; 512KB">
			<data targetDir="uploads/" />
			<validator:FILE>
				<extension value="png, gif, jpg, jpeg" message="Image should be either png, gif or jpg." />
				<filesizeKB value="512" message="Image should weight under 512KB" />
			</validator:FILE>
		</renderlet:UPLOAD>
		
		<renderlet:IMAGE name="mypreview">
			<path>
				<userobj>
					<php><![CDATA[
		
		# get the image path
		return $this->rdt('myupload')->getServerPath();
					
					]]></php>
				</userobj>
			</path>
			<imageconf>
				<userobj><ts><![CDATA[
		
		# resizing the image toa width of 300px max 				
		10 = IMAGE
		10.file < params.relwebpath
		10.file.width = 300m
				
				]]></ts></userobj>
			</imageconf>
		</renderlet:IMAGE>
		
		<renderlet:BUTTON name="btnunlink" label="Unlink image">
			<visible>
				<userobj>
					<php><![CDATA[
		
		# display button if image given
		return $this->rdt("myupload")->getValue() !== "";
						
					]]></php>
				</userobj>
			</visible>
			<onclick runat="server" when="before-render">
				<userobj>
					<php><![CDATA[
		
		# unlinking image
		$sImagePath = $this->rdt("myupload")->getServerPath();
		unlink($sImagePath);
		
		# forcing rdt to the empty value
		$this->rdt("myupload")->setValue("");
						
					]]></php>
				</userobj>
			</onclick>
		</renderlet:BUTTON>
		
		<renderlet:SUBMIT label="upload !" />
		
	</elements>

</formidable>

Image upload + preview + deletion

Download

Features

Documentation

Many thanks to

Latest snippets