Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.03.2015, 02:27
Интересующийся
Отправить личное сообщение для Delfiniys Посмотреть профиль Найти все сообщения от Delfiniys
 
Регистрация: 18.10.2013
Сообщений: 25

Автоматическая загрузка изображения по ссылке
Водникла портребность в автоматическтой загрузке изображдения из поля
<input type="text" name="topic_avataregsource" value="{$_aRequest.topic_avataregsource}" id="topic_avataregsource" class="input-text input-width-full" />


Этот блок обрабатывает скрипт (который просто выводит превью
<script type="text/javascript">



    <!--
    $(document).ready(function () {
        // Username validation logic
       
        // avatar validation
        // we use keyup *and* change because 
        $('#topic_avataregsource').keyup(function () {
            var t = this;
            clearTimeout(this.timer);
            this.timer = setTimeout(function () {
                if (t.value == t.current) {
                    return true;
                }

                var preview = $('#validateTopic_avataregsource').html('<img src="/images/ajax-loader.gif" height="16" width="16" /> загружаем...');
                var i = new Image();

                clearTimeout(t.timeout);

                if (t.value == '') {
                    preview.html('');
                } else {
                    i.src = t.value;
                    i.height = 249;
                    i.width = 249;
                    i.className = 'topic_avataregsource';

                    // set a timeout of x seconds to load the image, otherwise, show the fail message
                    t.timeout = setTimeout(function () {
                        preview.html('Произошла ошибка при загрузке фотографии.');
                        i = null;
                    }, 3000);

                    // if the dummy image holder loads, we'll show the image in the validation space,
                    // but importantly, we clear the timer set above
                    i.onload = function () {
                        clearTimeout(t.timeout);
                        preview.empty().append(i);
                        i = null;
                    };
                }
                
                t.current = t.value;
            }, 250);
        }).change(function () {
            $(this).keyup(); // call the keyup function
        });
    });
    //-->
    </script>


Но встала проблема что не могу придумать как бы допустим картинку
http://внешнийсайт/images/92/11/3111_1306431460805.jpg

загружать АВОМАТИЧЕКСИ после вставки УРЛ , в папку допустим
/upload/avatars/внешнийсайт/images/92/11/3111_1306431460805.jpg

Почему так, потому, что в БД пишется поле http://внешнийсайт/images/92/11/3111_1306431460805.jpg - и потом просто автозаменой можно сделать подстнвоку на http://мойсайт//upload/avatar...6431460805.jpg

По нажатию кнопки я уже где находил как сделать, но именно бесшумно и с проверкой на jpg или png был бы очень не плохо..
очень нуждаюсь в Вашей помощи!
Ответить с цитированием
  #2 (permalink)  
Старый 05.03.2015, 04:23
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Отправляешь url на сервер, сервер делает все остальное
А ты как думал?
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 05.03.2015, 13:47
Интересующийся
Отправить личное сообщение для Delfiniys Посмотреть профиль Найти все сообщения от Delfiniys
 
Регистрация: 18.10.2013
Сообщений: 25

Да смысл я как бы понял но вот КАК реализовать загадка
Ответить с цитированием
  #4 (permalink)  
Старый 05.03.2015, 15:14
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Delfiniys
КАК реализовать загадка
Зависит от используемого языка на сервере. Если php - реализуй на php. Если js - реализуй на js. Если C# или другой .NET язык - реализуй на нем. Может у тебя java? Или python? А может ruby? А может ты харкорщик и у тебя сайт на C++?
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 05.03.2015, 15:16
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

На php:
file_put_contents('image_on_your_server.png', file_get_contents('http://site.ru/image_on_remote_server.png'));
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #6 (permalink)  
Старый 05.03.2015, 19:35
Интересующийся
Отправить личное сообщение для Delfiniys Посмотреть профиль Найти все сообщения от Delfiniys
 
Регистрация: 18.10.2013
Сообщений: 25

Все на php с JavaScript. Я понимаю процедуру загрузки, но не могу понять как это делать "тихо" Без перезагрузки страницы
Ответить с цитированием
  #7 (permalink)  
Старый 05.03.2015, 21:36
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Без перезагрузки - асинхронным запросом.
Ответить с цитированием
  #8 (permalink)  
Старый 17.04.2015, 14:14
Интересующийся
Отправить личное сообщение для Delfiniys Посмотреть профиль Найти все сообщения от Delfiniys
 
Регистрация: 18.10.2013
Сообщений: 25

А чуточку подробней можно?
Ответить с цитированием
  #9 (permalink)  
Старый 17.04.2015, 14:26
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

А что именно подробней? Если нужно тело изображения, это одно, а если "превью", то достаточно скрипту указать путь к изображению, а далее как в вашем скрипте загрузка. Перезагрузки страницы при этом не будет.
А вот если пути к изображениям сервер отдает по параметру (то есть изначально они не известны), то асинхронный запрос, и уже полученное используем.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ajax асинхронная загрузка изображения lbvjy114 jQuery 7 18.08.2014 12:17
Загрузка изображения на сервер Apelcun77 AJAX и COMET 1 28.04.2014 09:06
JS + CSS Под загрузка фонового изображения XboxPro Элементы интерфейса 0 14.11.2012 11:16
Загрузка изображения shilinpavel Элементы интерфейса 6 27.09.2011 18:30
Асинхронная загрузка изображения dummer jQuery 13 21.05.2010 05:18