Note that there are some explanatory texts on larger screens.

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

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload