2010-09-06 3 views
1

Это мой первый раз, когда я использую uploadify, и я пытаюсь внедрить его в шаблон страницы WordPress.Выполнить загрузку в шаблоне 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 

Любые идеи?

ответ

1

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

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

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

Это должно устранить эту проблему!

+0

это правда !! спасибо, я забыл закрыть тег, не работал бы, пока я не попробовал решение kitsched. – matt

+0

может быть, что/userupload, поскольку папка в моем корне не может работать? – matt

+0

Хорошо, что это escist в этом месте и являются разрешениями для папки? – Iznogood

2

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

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

+0

спасибо, он по крайней мере загружает кнопку обзора и весь компонент! Да!! однако на самом деле это не работает!когда я выбираю файл, он не показывает ход загрузки, просто маленький красный X – matt

Смежные вопросы