It's my first time using uploadify and I'm trying to implement it into a WordPress page template.
I have a template which should users of my website allow to upload files (or more files at once) to a specific folder on my ftp-server. Therefore, I want to use uploadify. I have to set that up in WordPress.
What I've done so far:
- I downloaded the uploadify package (latest version)
- Renamed the folder it to "uploadify" so it's easier to call the package
- Uploaded the uploadify folder into my template directory
- Opened my custom page-template with the name ftp-upload.php
- Added two script-tags under
get_header()
- Added the JavaScript to call uploadify
Just so you know, my whole WordPress blog already uses jQuery, so it's already embedded in my header file.
<?php
/*
Template Name: ftpupload
*/
?>
<?php get_header(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/uploadify/swfobject.js"
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#fileselect').uploadify({
'uploader': '<?php bloginfo('template_url'); ?>/uploadify/uploadify.swf',
'script': '<?php bloginfo('template_url'); ?>/uploadify/uploadify.php',
'folder': '/userupload',
'cancelImg': '<?php bloginfo('template_url'); ?>/uploadify/cancel.png'
});
});
</script>
<div id="content">
<?php if(!isset($_POST['sendit'])){ ?>
<form id="formUpload" name="form" action="<? $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<input id="fileselect" type="file" name="userfile" class="loginInput"/>
The folder I want to upload the files to is in my root directory on my server called "userupload".
Currently my browser tells me that:
ERROR: $("#fileselect").uploadify is not a function
Any ideas?