代码之家  ›  专栏  ›  技术社区  ›  matt

在WordPress模板中实现上传?

  •  1
  • matt  · 技术社区  · 14 年前

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

    我有一个模板,我的网站用户应该允许上传文件(或多个文件一次)到我的FTP服务器上的特定文件夹。因此,我想使用上传。我必须在WordPress中设置它。

    到目前为止我所做的:

    1. 我下载了上传包(最新版本)
    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
    

    有什么想法吗?

    3 回复  |  直到 13 年前
        1
  •  1
  •   Iznogood    14 年前

    你确定这些文件被包括在内了吗?似乎没有看到上传的JS文件。 另外,如果你能接受我对你的另一个问题的回答,那就太好了,它把你带到了这里。

    哦,等等,你没有关闭frst脚本标签!

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

    这应该可以解决这个问题!

        2
  •  3
  •   thirtydot    13 年前
        3
  •  2
  •   janosrusiczki    14 年前

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

    而且,可能是你的 $ 未定义快捷方式。尝试 jQuery('#fileselect') .