在 WordPress 模板中实现上传？

Question

这是我第一次使用 uploadify，我正在尝试将其实现到 WordPress 页面模板中。

我有一个模板，我的网站用户应该允许将文件（或一次多个文件）上传到我的 ftp 服务器上的特定文件夹。因此，我想使用uploadify。我必须在 WordPress 中进行设置。

到目前为止我做了什么：

1. 我下载了uploadify包（最新版）
2. 将文件夹重命名为“uploadify”，以便更轻松地调用包
3. 上传了uploadify文件夹到我的模板目录
4. 使用名称 ftp-upload.php 打开我的自定义页面模板
5. 在get_header() 下添加了两个脚本标签
6. 添加了调用uploadify的JavaScript

你知道，我的整个 WordPress 博客已经使用了 jQuery，所以它已经嵌入到我的头文件中了。

<?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"/>

我要将文件上传到的文件夹位于我服务器上名为“userupload”的根目录中。

目前我的浏览器告诉我：

ERROR: $("#fileselect").uploadify is not a function

有什么想法吗？

Answer 1

试试这个插件：http://wordpress.org/extend/plugins/uploadify/

Answer 2

确保包含 jQuery 和插件的 .js 文件。

另外，您的$ 快捷方式可能未定义。试试jQuery('#fileselect')。

Answer 3

您确定这些文件被正确包含了吗？它似乎没有看到uploadify js文件。 你也很高兴你接受了我对你其他问题的回答，它把你带到了这里:-)

哦，等等，你没有关闭第一个脚本标签！

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

这应该可以解决那个问题！