2012-12-09 Дата: Воскресенье, 09.12.2012, 11:14 | Сообщение # 1
Лейтенант
Группа: Постоянные
Статус: Offline
Здравствуйте! всем привет .. Долго замучился сделать такого скрипта , долго поискал, нашел только такого UPLOADER JQUERY PHP С ОДНОГО ХОСТА НА ДРУГОЙ Скрипт хороший все работает ок, но не так как мне надо. Мне надо что скрипт работал так Загрузка с ucoz на сторонний хостинг php, и обратно получит ссылку на ucoz , а полученный ссылку выпихат в доп поле $OTHER$ или $AUTHOR_NAME$ -------------------! Я взял демо скрипт с выше указанного ссылке jquery под настроил вот так http://studiorr.ucoz.ru/stuff/0-0-0-0-1 Почему то не знаю при выборе файла не отображается "tumb" как на оригинальном скрипте и при загрузке файла не видно процесс загрузки , но он видно по умолчание внизу экрана в левом углу, ...А после загрузки файла не отображается в том же место где надо , а перекидывает страницу куда загрузился файл вот таком ввиде Code
[{"name":"1302028613_00.jpg","size":19119,"type":"image\/jpeg","url":"http:\/\/samirmm.ru\/s1\/server\/php\/files\/1302028613_00.jpg","thumbnail_url":"http:\/\/samirmm.ru\/s1\/server\/php\/files\/thumbnail\/1302028613_00.jpg","delete_url":"http:\/\/samirmm.ru\/s1\/server\/php\/?file=1302028613_00.jpg","delete_type":"DELETE"}]
Кто разбирается с php помогите плиз разобраться. Вот скрипт в Юкозе который настроен мною, правильно не правильно не знаю.
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery загрузки файлов Demo</title> <meta name="viewport" content="width=device-width"> <!-- Bootstrap CSS стилей Toolkit --> <link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap.min.css"> <!-- Общий стиль страницы --> <link rel="stylesheet" href="http://studiorr.ucoz.ru/uploads/css/style.css"> <!-- Bootstrap стилей реагировать макет веб-сайт, поддерживающий различные размеры экрана --> <link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap-responsive.min.css"> <!-- Bootstrap CSS исправления для IE6 --> <!--[if lt IE 7]><link rel="stylesheet" href="http://blueimp.github.com/cdn/css/bootstrap-ie6.min.css"><![endif]--> <!-- Bootstrap стилей Галерея --> <link rel="stylesheet" href="http://blueimp.github.com/Bootstrap-Image-Gallery/css/bootstrap-image-gallery.min.css"> <!-- CSS стиля поле ввода файла, как кнопки и регулировки баров Bootstrap прогресса --> <link rel="stylesheet" href="http://studiorr.ucoz.ru/uploads/css/jquery.fileupload-ui.css"> <!-- CSS настройки для браузера с JavaScript отключены --> <noscript><link rel="stylesheet" href="http://studiorr.ucoz.ru/uploads/css/jquery.fileupload-ui-noscript.css"></noscript> <!-- Регулировочной прокладкисделать элементы HTML5 использоваться в старых версиях Internet Explorer --> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> </head> <body> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="https://github.com/blueimp/jQuery-File-Upload">JQuery загрузки файлов</a> <div class="nav-collapse"> </div> </div> </div> </div> <div class="container"> <div class="page-header"> <h1>JQuery загрузки файлов демо</h1> </div> <blockquote> <p>Загрузить файл виджет с несколькими выбора файла, перетащить & падение поддержки, прогресс бары и просмотра изображений для jQuery.<br> Поддержка кросс-доменных, фрагментированное и возобновляемые загрузки файлов и на стороне клиента изменение размеров изображений. <br> Работает с любой серверной платформы (PHP, Python, Ruby на Rails, Java, Node.js, Go и т.д.), которая поддерживает стандартные формы добавления HTML файл.</p> </blockquote> <br> <!-- Загрузка файлов формы, используемые в качестве мишени для виджета загрузки файлов --> <form id="fileupload" action="//samirmm.ru/s1/server/php/index.php" method="POST" enctype="multipart/form-data"> <!-- Перенаправление браузера с JavaScript отключены на происхождение страницы --> <noscript><input type="hidden" name="redirect" value="http://samirmm.ru/server/php/"></noscript> <!-- FileUpload-ButtonBar содержит кнопки для добавления / удаления файлов и запуска / отменить загрузку --> <div class="row fileupload-buttonbar"> <div class="span7"> <!-- FileInput кнопки диапазона используется для стиля поле ввода файла в качестве кнопки --> <span class="btn btn-success fileinput-button"> <i class="icon-plus icon-white"></i> <span>Добавить файлы ...</span> <input type="file" name="files[]" multiple> </span> <button type="submit" class="btn btn-primary start"> <i class="icon-upload icon-white"></i> <span>Начать загрузку</span> </button> <button type="reset" class="btn btn-warning cancel"> <i class="icon-ban-circle icon-white"></i> <span>Отмена загрузки</span> </button> <button type="button" class="btn btn-danger delete"> <i class="icon-trash icon-white"></i> <span>удалять</span> </button> <input type="checkbox" class="toggle"> </div> <!-- Глобального информационного прогресса --> <div class="span5 fileupload-progress fade"> <!-- Глобальный прогресс-бар --> <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100"> <div class="bar" style="width:0%;"></div> </div> <!-- Расширенный глобального информационного прогресса --> <div class="progress-extended"> </div> </div> </div> <!-- Загрузка индикатор отображается во время обработки файлов --> <div class="fileupload-loading"></div> <br> <!-- Таблица со списком файлов, доступных для загрузки / выгрузки --> <table role="presentation" class="table table-striped"> <tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table> </form> <br> <div class="well"> <h3>Demo Примечания</h3> <ul> <li>Максимальный размер файла для закачки в этой демо <strong>5 MB</strong> (По умолчанию размер файла не ограничен).</li> <li>олько файлы изображений(<strong>JPG, GIF, PNG</strong>) разрешено в этой демонстрации (по умолчанию нет ограничений типа файла).</li> <li>Загруженные файлы будут автоматически удалены после <strong>5 минут</strong> (Демо установка).</li> <li>Вы можете<strong>перетащить и падение</strong> файлы с вашего рабочего стола на эту веб-страницу с Google Chrome, Mozilla Firefox и Apple Safari.</li> <li>Пожалуйста, обратитесь к<a href="https://github.com/blueimp/jQuery-File-Upload">веб-сайт проекта</a> и <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">документации</a> для получения дополнительной информации.</li> <li>Построенный с Twitter <a href="http://twitter.github.com/bootstrap/">Bootstrap</a> toolkit и Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li> </ul> </div> </div> <!-- модально-галерея модальное диалоговое окно используется для галереи изображений --> <div id="modal-gallery" class="modal modal-gallery hide fade" data-filter=":odd" tabindex="-1"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3 class="modal-title"></h3> </div> <div class="modal-body"><div class="modal-image"></div></div> <div class="modal-footer"> <a class="btn modal-download" target="_blank"> <i class="icon-download"></i> <span>скачать</span> </a> <a class="btn btn-success modal-play modal-slideshow" data-slideshow="5000"> <i class="icon-play icon-white"></i> <span>Слайд-шоу</span> </a> <a class="btn btn-info modal-prev"> <i class="icon-arrow-left icon-white"></i> <span>предыдущий</span> </a> <a class="btn btn-primary modal-next"> <span>следующий</span> <i class="icon-arrow-right icon-white"></i> </a> </div> </div> <!-- Шаблон для отображения файлов, доступных для загрузки --> <script id="template-upload" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %} <tr class="template-upload fade"> <td class="preview"><span class="fade"></span></td> <td class="name"><span>{%=file.name%}</span></td> <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> {% if (file.error) { %} <td class="error" colspan="2"><span class="label label-important">ошибка</span> {%=file.error%}</td> {% } else if (o.files.valid && !i) { %} <td> <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div> </td> <td class="start">{% if (!o.options.autoUpload) { %} <button class="btn btn-primary"> <i class="icon-upload icon-white"></i> <span>Start</span> </button> {% } %}</td> {% } else { %} <td colspan="2"></td> {% } %} <td class="cancel">{% if (!i) { %} <button class="btn btn-warning"> <i class="icon-ban-circle icon-white"></i> <span>отменить</span> </button> {% } %}</td> </tr> {% } %} </script> <!-- Шаблон для отображения файлов, доступных для загрузки --> <script id="template-download" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %} <tr class="template-download fade"> {% if (file.error) { %} <td></td> <td class="name"><span>{%=file.name%}</span></td> <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> <td class="error" colspan="2"><span class="label label-important">Ошибка</span> {%=file.error%}</td> {% } else { %} <td class="preview">{% if (file.thumbnail_url) { %} <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a> {% } %}</td> <td class="name"> <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a> </td> <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> <td colspan="2"></td> {% } %} <td class="delete"> <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"{% if (file.delete_with_credentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}> <i class="icon-trash icon-white"></i> <span>Удалять</span> </button> <input type="checkbox" name="delete" value="1"> </td> </tr> {% } %} </script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <!-- Query виджет пользовательского интерфейса фабрики, можно опустить, если JQuery UI уже включен --> <script src="http://studiorr.ucoz.ru/uploads/js/vendor/jquery.ui.widget.js"></script> <!-- Шаблоны плагина входит оказание загрузки / выгрузки объявлений --> <script src="http://blueimp.github.com/JavaScript-Templates/tmpl.min.js"></script> <!-- Плагин загрузки изображений включен для просмотра изображений и функциональные изменения размера изображения --> <script src="http://blueimp.github.com/JavaScript-Load-Image/load-image.min.js"></script> <!-- Холст для Blob плагин включен для изменения размера изображений функциональности --> <script src="http://blueimp.github.com/JavaScript-Canvas-to-Blob/canvas-to-blob.min.js"></script> <!-- JS Bootstrap Bootstrap и галерея изображений не требуется, но включены для демонстрации --> <script src="http://blueimp.github.com/cdn/js/bootstrap.min.js"></script> <script src="http://blueimp.github.com/Bootstrap-Image-Gallery/js/bootstrap-image-gallery.min.js"></script> <!-- Транспорт Iframe требуется для браузеров без поддержки добавления файла XHR --> <script src="http://studiorr.ucoz.ru/uploads/js/jquery.iframe-transport.js"></script> <!-- Основной File Upload плагин --> <script src="http://studiorr.ucoz.ru/uploads/js/jquery.fileupload.js"></script> <!-- Загрузка файлов плагина обработки файлов --> <script src="http://studiorr.ucoz.ru/uploads/js/jquery.fileupload-fp.js"></script> <!-- Пользователь File Upload интерфейс плагина --> <script src="http://studiorr.ucoz.ru/uploads/js/jquery.fileupload-ui.js"></script> <!-- The main application script --> <script src="js/main.js"></script> <!-- Транспорт XDomainRequest включен для кросс-доменных удаления файлов для IE8 + --> <!--[if gte IE 8]><script src="http://studiorr.ucoz.ru/uploads/js/cors/jquery.xdr-transport.js"></script><![endif]--> </body> $POWERED_BY$ </html>
А это upload.php в сторонним сервере
Code
<?php $target = "upload/"; $target = $target . basename( $_FILES['uploaded']['name']) ; $ok=1; //This is our size condition if ($uploaded_size > 350000) { echo "Your file is too large.<br>"; $ok=0; } //This is our limit file type condition if ($uploaded_type =="text/php") { echo "No PHP files<br>"; $ok=0; } //Here we check that $ok was not set to 0 by an error if ($ok==0) { Echo "Sorry your file was not uploaded"; } //If everything is ok we try to upload it else { if(move_uploaded_file($_FILES['uploaded']['tmp_name'], $target)) { echo "The file ". basename( $_FILES['uploadedfile']['name']). " has been uploaded"; } else { echo "Sorry, there was a problem uploading your file."; } } ?>