Implementig uploadify in a WordPress template?

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.

Read More

What I’ve done so far:

  1. I downloaded the uploadify package (latest version)
  2. Renamed the folder it to “uploadify” so it’s easier to call the package
  3. Uploaded the uploadify folder into my template directory
  4. Opened my custom page-template with the name ftp-upload.php
  5. Added two script-tags under get_header()
  6. 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?

Related posts

Leave a Reply

3 comments

  1. Are you sure the files get included corectly? It would seem it doesnt see the uploadify js file.
    Also it would be nice you accepted my answer to your other question it got you here 🙂

    Oh wait you are not closing the frst script tag!

    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/uploadify/swfobject.js" ></script>
    

    That should fix THAT problem!