So for anyone who had a bit of trouble, like myself, see below:
If you have the original EE upload utility in the SAEF working then begin here. If not go to: CP > Modules > File Upload and see the instructions:
In addition to your SAEF template. You will create 2 more templates. (ie_upload_template.php and file_upload_placement.php)
1.) In your SAEF. You want to link to “file_upload_template.php” in your anchor tag, So instead of “{upload_url}” use something like this: {path="site/file_upload_template"}
2.) The contents of “file_upload_template.php” :
{exp:file_upload:upload_form form_name="entryform" destination="Main Directory” field_name="myimage" return="site/file_upload_placement" rename_duplicates="yes"}
<input type=’file’ name=’userfile’ />
<input type=’submit’ value=’Upload’ />
{/exp:file_upload:upload_form}
Notes:
form_name: “entryform” If using the SAEF, this is the correct name
field_name: “myimage” This is the name of your custom field. The place where the image html text (ie. img src="..." ) will be input to.
return: “site/file_upload_placement” the location of your file upload placement template
rename: “yes” To give each image a unique id (images of the same name will not overwrite one another)
There’s more info in CP > Modules > File Upload.
3.) As you can see, you are now linking to “file_upload_placement.php” as well, it’s contents:
{exp:file_upload:upload_confirm field_replace="replace"}
<input type=’submit’ value=’Place Image and Close Window’ onclick=’fileplacer();window.close();’ />
{/exp:file_upload:upload_confirm}
*Also, put this: {javascript} in this in between the head html tags of the “file_upload_placement.php” document.
There’s more info in CP > Modules > File Upload.
How do I put my uploaded image on my site?
You can use the plugin Extract URL as such:
{exp:weblog:entries weblog="MY_WEBLOG" limit="5" rdf="off"}
{exp:extract_url}{myimage}{/exp:extract_url}
{/exp:weblog:entries}
This is just a quick start for people who are just learning. Hope it helps someone.