Реализовать загрузку в шаблоне WordPress?

Я впервые использую uploadify и пытаюсь внедрить его в шаблон страницы WordPress.

У меня есть шаблон, который должен разрешить пользователям моего сайта загружать файлы (или несколько файлов одновременно) в определенную папку на моем ftp-сервере. Поэтому я хочу использовать uploadify. Я должен настроить это в WordPress.

Что я сделал до сих пор:

  1. Я скачал пакет uploadify (последняя версия)
  2. Папка переименована в «uploadify», чтобы проще было вызывать пакет.
  3. Загрузил папку uploadify в каталог моего шаблона
  4. Открыл свой пользовательский шаблон страницы с именем ftp-upload.php
  5. Добавлены два скрипт-тега под get_header()
  6. Добавлен JavaScript для вызова uploadify

Просто чтобы вы знали, весь мой блог 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

Любые идеи?


person matt    schedule 06.09.2010    source источник


Ответы (3)


Вы уверены, что файлы включаются правильно? Казалось бы, он не видит файл uploadify js. Также было бы неплохо, если бы вы приняли мой ответ на другой вопрос, который привел вас сюда :-)

О, подождите, вы не закрываете первый тег сценария!

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

Это должно решить ЭТУ проблему!

person Iznogood    schedule 06.09.2010
comment
это правда!! спасибо, я забыл закрыть тег, все равно не сработает, пока я не попробовал решение Kitsched. - person matt; 06.09.2010
comment
может быть, папка /userupload в моем корне не работает? - person matt; 06.09.2010
comment
Хорошо ли это происходит в этом месте и правильные ли права для папки? - person Iznogood; 06.09.2010
comment
да, папка существует в моем корне моего сервера, даже если я создам папку userupload в моем каталоге шаблонов и ссылку на нее, загрузка не начинается !!! установлены разрешения (777) ... я могу выбрать несколько файлов, и все, кажется, работает, за исключением того факта, что ничего не загружается, индикатор выполнения не отображается. я могу отменить выбранные загрузки, но они не запускаются. - person matt; 06.09.2010

Попробуйте этот плагин: http://wordpress.org/extend/plugins/uploadify/

person PrivateUser    schedule 03.05.2011

Не забудьте включить jQuery и файлы плагина .js.

Кроме того, возможно, ваш ярлык $ не определен. Попробуйте jQuery('#fileselect').

person janosrusiczki    schedule 06.09.2010
comment
спасибо, это по крайней мере загружает кнопку обзора и весь компонент! Ага!! однако это действительно не работает! когда я выбираю файл, он не показывает ход загрузки, только маленький красный крестик - person matt; 06.09.2010