Новый загрузчик изображений (Imgur+Instagram, добавка перетаскиванием)

Поделиться1Вс, 12 Авг 2018 23:53:47

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11226
Уважение: +7630
Позитив: +5466
Пол: Мужской
Последний визит:
Вчера 23:01:30

Dango написал(а):

К вопросу о перламутровых пуговицах:
А можно еще внедрить возможность перетаскивания?

По многочисленным просьбам пользователей сервиса,
в качестве альтернативы стандартному загрузчику изображений,
создан совмещенный вариант с загрузкой на несколько хостингов
и другим востребованным функционалом:

Перламутровые пуговицы - в комплекте :glasses:

Новый загрузчик изображений в форме ответа
С возможностью добавления файлов перетаскиванием и вставкой из Instagram

В качестве основы для скрипта взят набросок от Romych.

Преимущества по сравнению с предыдущими версиями:
- Интеграция загрузки картинок на хорошо зарекомендовавшие себя хостинги Imgur.com и ImageBan.ru в стандартный интерфейс формы ответа, наряду с загрузкой от сервиса на собственный хостинг Uploads.ru;
- Возможность добавления файлов в очередь загрузки перетаскиванием в форму загрузчика;
- Мультизагрузка (т.е. загрузка нескольких изображений одновременно) на любой из трех поддерживаемых хостингов (в том числе при добавлении перетаскиванием);
- Возможность вставки изображений из постов Instagram с превью (шириной 320 пикселей) в форме вставки "Из интернета";
- Отсутствие страницы "Переход по внешней ссылке": при открытии полноразмерной картинки она отображается без дополнительных переходов (спасибо Admin ).

Установка кода в HTML низ или HTML верх
Убедительная просьба не перезаливать файл скрипта к себе: на стабильность это никак не повлияет, но оставит Вас без обновлений в коде. Старые версии без обновлений могут со временем перестать работать.

<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/18001.js"></script>

Тестируем скрипт, отписываемся о неполадках в работе в этой теме.

Дополнения:
- Исключение Uploads.ru из меню выбора хостинга
- Возможность загрузки на Imgur.com и ImageBan.ru со своим API-ключом
- Выбор формата вставки "Оригинал" по умолчанию
- Отключение запоминания пользовательского выбора хостинга и формата вставки (превью/оригинал)

+29

ВКонтакте alex__63

Поделиться201Вт, 1 Дек 2020 22:37:02

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11226
Уважение: +7630
Позитив: +5466
Пол: Мужской
Последний визит:
Вчера 23:01:30

Romych написал(а):

Предлагаю для этой цели использовать мой старый скрипт, он до сих пор работает. Потому что он не опирается на сторонние ресурсы типа instagr.am

Вообще-то instagr.am - не сторонний ресурс, а один из официальных доменов Инстаграма, можно с тем же успехом в те же ссылки подставить домен instagram.com. Правда по какой причине старые ссылки перестали работать, не могу сходу сказать, надо разбираться.

Герда написал(а):

мб найдется времечно поправить скрипт под нововведения в ФО?

Займусь рано или поздно по мере возможностей, необходимость изменений назревала уже с начала года, когда я предпринимал попытку снять ограничение на размер загружаемого файла на стороне сервера. Пока не очень хватает времени и энтузиазма браться за подобные задачи.

0

ВКонтакте alex__63

Поделиться202Вт, 1 Дек 2020 22:48:26

Автор: kernel
Администратор
Зарегистрирован: Пт, 31 Янв 2020
Сообщений: 1617
Уважение: +3693
Позитив: +191
Последний визит:
Вт, 20 Окт 2020 15:41:44

Alex_63 написал(а):

Вообще-то instagr.am - не сторонний ресурс, а один из официальных доменов Инстаграма, можно с тем же успехом в те же ссылки подставить домен instagram.com. Правда по какой причине старые ссылки перестали работать, не могу сходу сказать, надо разбираться.

Ты заблуждаешься, whois не подтверждает причастность к официальному инстаграму. А почему перестал работать, я писал. У них есть перенаправление с главной страницы на instagram.com, но и только.

+2

Поделиться203Сб, 30 Янв 2021 19:31:11

Автор: superlewa
Заслуженный
Зарегистрирован: Вт, 12 Янв 2021
Сообщений: 106
Уважение: +34
Позитив: +53
Последний визит:
Сб, 9 Июл 2022 03:18:38

Добрый день. А можно как нибудь установить "по умолчанию" при загрузке в Upload размер превью не 360 а 600 ? Ну очень неудобно каждый раз переключать.

Отредактировано superlewa (Сб, 30 Янв 2021 19:32:20)

0

Поделиться204Сб, 30 Янв 2021 19:44:30

Автор: kernel
Администратор
Зарегистрирован: Пт, 31 Янв 2020
Сообщений: 1617
Уважение: +3693
Позитив: +191
Последний визит:
Вт, 20 Окт 2020 15:41:44

На стандартном функционале должно работать так:

Код:

<script>
$('#image_upload_input').on('upload-success', function() {
  $('#selected-thumb-width option[value=600]').prop('selected', true);
});
</script>

+1

Поделиться205Сб, 30 Янв 2021 20:26:29

Автор: superlewa
Заслуженный
Зарегистрирован: Вт, 12 Янв 2021
Сообщений: 106
Уважение: +34
Позитив: +53
Последний визит:
Сб, 9 Июл 2022 03:18:38

kernel написал(а):

На стандартном функционале должно работать так:
Код:
<script>
$('#image_upload_input').on('upload-success', function() {
  $('#selected-thumb-width option[value=600]').prop('selected', true);
});
</script>

У меня загрузчик от Алекса стоит. Но я его отключил, этот код вставил. Вернулся стандартный загрузчик в котором по умолчанию все те же 360 стоит. (

0

Поделиться206Сб, 30 Янв 2021 20:36:57

Автор: kernel
Администратор
Зарегистрирован: Пт, 31 Янв 2020
Сообщений: 1617
Уважение: +3693
Позитив: +191
Последний визит:
Вт, 20 Окт 2020 15:41:44

superlewa написал(а):

У меня загрузчик от Алекса стоит. Но я его отключил, этот код вставил. Вернулся стандартный загрузчик в котором по умолчанию все те же 360 стоит. (

Прошу прощения, перепутал этап. Вот так будет работать:

Код:

<script>
FORUM.set('editor.image.thumb_resize.selected', 600);
</script>

+3

Поделиться207Сб, 30 Янв 2021 22:00:28

Автор: superlewa
Заслуженный
Зарегистрирован: Вт, 12 Янв 2021
Сообщений: 106
Уважение: +34
Позитив: +53
Последний визит:
Сб, 9 Июл 2022 03:18:38

kernel написал(а):

Прошу прощения, перепутал этап. Вот так будет работать:
Код:
<script>
FORUM.set('editor.image.thumb_resize.selected', 600);
</script>

Шикаарно!! Спасибо. Причем работает вместе с загрузчиком от Алека. Поставил следом.

0

Поделиться208Пт, 20 Авг 2021 07:05:02

Автор: Pihelgas
Стремящийся
Зарегистрирован: Вт, 22 Дек 2020
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Вт, 8 Фев 2022 16:57:44

Кончился ключ что ли, ибо при загрузке на imageban.ru теперь выскакивает

Invalid client key

0

Поделиться209Пт, 20 Авг 2021 07:24:10

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2901
Уважение: +1600
Позитив: +2189
Пол: Мужской
Последний визит:
Вчера 20:28:53

Pihelgas написал(а):

Кончился ключ что ли, ибо при загрузке на imageban.ru теперь выскакивает

Проверил, все прекрасно грузит.

0

Поделиться210Пт, 20 Авг 2021 16:07:54

Автор: Pihelgas
Стремящийся
Зарегистрирован: Вт, 22 Дек 2020
Сообщений: 5
Уважение: 0
Позитив: 0
Последний визит:
Вт, 8 Фев 2022 16:57:44

Прошло пол дня, с двух компов проверял на двух форумах, после загрузки на imageban.ru с этим скриптом не хочет загружаться

Новый загрузчик изображений (Imgur+Instagram, добавка перетаскиванием) Исключение Uploads.ru из меню выбора хостинга не работает как была загрузка туда, так и осталась

0

Поделиться211Пт, 20 Авг 2021 16:42:57

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 2901
Уважение: +1600
Позитив: +2189
Пол: Мужской
Последний визит:
Вчера 20:28:53

Код:

<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'uploads'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>

У меня работает...

0

Поделиться212Пт, 20 Авг 2021 16:50:43

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

Сам им редко пользуюсь но подтверждаю проблему загрузки

0

Поделиться213Ср, 1 Июн 2022 11:49:22

Автор: МАЧОнаДАЧЕ
Заслуженный
Зарегистрирован: Ср, 4 Дек 2019
Сообщений: 936
Уважение: +449
Позитив: +820
Пол: Мужской
Последний визит:
Вс, 11 Авг 2024 11:10:31

superlewa
Попробуйте такой (чуть правленый) вариант.

Код:

<!-- Загрузчик изображений в форме ответа © 2018 Alex_63 -->
<script>FORUM.defaultHost = 'imgur'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js"></script>
<!-- Меняем местами uploads и imgur -->
<script type="text/javascript" >
$(function(){$('#post #action-computer').click(function(){
setTimeout(function(){$('#image-change-host #change-host')[0].innerHTML = '<option value="imgur">Imgur.com</option><option value="uploads">Файлы форума</option><option value="imageban">ImageBan.ru</option><option value="radikal">radikal.ru</option>';},10);
});});
</script>

Первоначально снимаем превью и грузим как оригинал. Скрипт первый хост ставит имгур. Жмём "вставить как" оригинал. Далее скрипт автозапоминает загрузку по умолчанию (до отчисти кеша)

+2

Поделиться214Ср, 1 Июн 2022 16:43:10

Автор: superlewa
Заслуженный
Зарегистрирован: Вт, 12 Янв 2021
Сообщений: 106
Уважение: +34
Позитив: +53
Последний визит:
Сб, 9 Июл 2022 03:18:38

Спасибо - но я только что уже решил проблему.. ( а то мои юзеры вчера сильно расстраивались по поводу "маленьких картинок" ) : нашел у себя в архиве старый скрипт - тот что еще не был обфускацирован - и прямо в нем поменял местами селектор 320 и 640. Потом залил себе исправленный. Вроде работает.

+3

Поделиться215Сб, 4 Мар 2023 18:29:44

Автор: BeovulfHero
Заслуженный
Зарегистрирован: Вт, 8 Янв 2019
Сообщений: 11
Уважение: +2
Позитив: +2
Пол: Мужской
Последний визит:
Вт, 21 Мар 2023 20:57:23

Доброго времени суток уважаемые гуру.
У меня вот какой вопрос по загрузчику картинок
Я поставил себе на форум скрипт с альтернативными загрузчиками картинок и они располагались под формой ответа в строку в виде кнопок
Скрипт состоял из двух частей. Первая отвечала за создание кнопок в ряд из фреймов, а вторая таблица с фреймами
Я случайно удалил первую часть и теперь вот что имею, кнопки превратились во фреймы и в столбец все

В связи с этим вопрос, чтобы вернуть на изначально, что нужно предпринять, потому как дальше HTML знаний нет, и те минимальные

Извините если на в ту ветку запостил. Пытался пол дня найти тот скрипт у вас но безуспешно..
Заранее благодарю за помощь

Отредактировано BeovulfHero (Сб, 4 Мар 2023 18:32:09)

0

Поделиться216Сб, 4 Мар 2023 19:12:37

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

BeovulfHero
Выложите код как есть у Вас и ссылку на форум...
====================================================
Ну и потом есть такой загрузчик c двумя альтернативами :

В Форму ответа:

<script>FORUM.defaultHost = 'uploads'; // Хостинг по умолчанию: 'uploads' 'imgur' 'imageban'</script>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/c4/3f/18002.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/18001.js?v=2"></script>

0

Поделиться217Сб, 4 Мар 2023 20:10:30

Автор: BeovulfHero
Заслуженный
Зарегистрирован: Вт, 8 Янв 2019
Сообщений: 11
Уважение: +2
Позитив: +2
Пол: Мужской
Последний визит:
Вт, 21 Мар 2023 20:57:23

Вот ссылка на главную страницу https://hafnarmeistarar.ixbb.ru/

А вот и вторая часть кода

Код:

<!-- ***********АЛьТЕР ЗАГРУЗКИ КАРТИНОК**** ******* -->

<b>альтернативные загрузчики картинок:</b>
<ul>
        <li style=" float: left">
                <div class="main" id="spo_all"><input class="category" type="button" value="imgbox" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><div id="spoiler4"><iframe id="radikal" src="https://imgbox.com/" width=690 height=500 frameborder=1></iframe><br /></div></div>
        </li>
        
        <li style="float: left">
                <div class="content"></div><div class="main" id="spo_all"><input class="category" type="button" value="freeimg" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><div id="spoiler4"><iframe id="radikal" src="https://freeimagehosting.net/" width=690 height=500 frameborder=1></iframe><br /></div></div>
        </li>

<li style="float: left">
                <div class="content"></div><div class="main" id="spo_all"><input class="category" type="button" value="postimg" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><div id="spoiler4"><iframe id="radikal" src="https://postimages.org/" width=690 height=500 frameborder=1></iframe><br /></div></div>
        </li> 

</li><li style="float: left">
                <div class="content"></div><div class="main" id="spo_all"><input class="category" type="button" value="imgbb" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><div id="spoiler4"><iframe id="radikal" src="https://ru.imgbb.com/" width=690 height=500 frameborder=1></iframe><br /></div></div>
        </li>


</li><li style="float: left">
                <div class="content"></div><div class="main" id="spo_all"><input class="category" type="button" value="imageup" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><div id="spoiler4"><iframe id="radikal" src="https://imageup.ru/" width=690 height=500 frameborder=1></iframe><br /></div></div>
        </li>

</li><li style="float: left">
                <div class="content"></div><div class="main" id="spo_all"><input class="category" type="button" value="hostingkartinok" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><div id="spoiler4"><iframe id="radikal" src="https://hostingkartinok.com/" width=690 height=500 frameborder=1></iframe><br /></div></div>
        </li>

</ul>

<!--===================================================================================================-->

собственно все что осталось. Эта часть была в форме ответа, а первая что делала кнопки, была по моему в HTML низ

0

Поделиться218Сб, 4 Мар 2023 20:21:35

Автор: Герда
старая версия нечистой силы
Зарегистрирован: Пт, 20 Фев 2009
Сообщений: 2622
Уважение: +1782
Позитив: +784
Пол: Женский
Последний визит:
Чт, 17 Окт 2024 14:00:09

BeovulfHero написал(а):

Вот ссылка на главную страницу https://hafnarmeistarar.ixbb.ru/

нужна ссылка на страницу, где есть доступ в форму ответа.
на главной странице смотреть по твоей проблеме нечего.
или создай простого пользователя, у которого есть доступ хотя бы в одну тему, где можно отвечать, и выложи сюда доступ.

+2

ВКонтакте forumd

Поделиться219Сб, 4 Мар 2023 20:32:33

Автор: BeovulfHero
Заслуженный
Зарегистрирован: Вт, 8 Янв 2019
Сообщений: 11
Уважение: +2
Позитив: +2
Пол: Мужской
Последний визит:
Вт, 21 Мар 2023 20:57:23

Вот данные тестового юзера так как без входа в акк отвечать нельзя
login - testuzer13
pass - visockiy

И вот ссылка
https://hafnarmeistarar.ixbb.ru/viewtop … 785#p35440

+1

Поделиться220Сб, 4 Мар 2023 21:08:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 00:45:38

BeovulfHero
Пробуйте заменить весь текущий выложенный код на такой:

Код:

<!-- ***********АЛьТЕР ЗАГРУЗКИ КАРТИНОК**** ******* -->
 
<b>альтернативные загрузчики картинок:</b><br>
<br>
<div id="smls-blk" style="display:block">
<input class="btn-sm category" id="spo_top" type="button" style="cursor:pointer" alt="cont_1" value="imgbox">
<input class="btn-sm category" id="spo_top" type="button" style="cursor:pointer" alt="cont_2" value="freeimg">
<input class="btn-sm category" id="spo_top" type="button" style="cursor:pointer" alt="cont_3" value="postimg">
<input class="btn-sm category" id="spo_top" type="button" style="cursor:pointer" alt="cont_4" value="imgbb">
<input class="btn-sm category" id="spo_top" type="button" style="cursor:pointer" alt="cont_5" value="imageup">
<input class="btn-sm category" id="spo_top" type="button" style="cursor:pointer" alt="cont_6" value="hostingkartinok">

<script type="text/javascript">
$('#post input[alt^="cont_"]').click(function(){ var blk = $(this).attr('alt');
  $('#post input[alt^="cont_"]').not('[alt="'+blk+'"]').each(function(){
  $('#'+ $(this).attr('alt')).hide();}); $('#'+blk).toggle();
});
</script>

<script type="text/javascript">
function smls_blkCnt (){ /*!~!;

<div id="cont_1" style="display: none;"> 
<br>
<iframe id="radikal" src="https://freeimagehosting.net/" width=690 height=500 frameborder=1></iframe>>
</div>

<div id="cont_2" style="display: none;"> 
<br>
<iframe id="radikal" src="https://imgbox.com/" width=690 height=500 frameborder=1></iframe>
</div>


<div id="cont_3" style="display: none;"> 
<br>
<iframe id="radikal" src="https://postimages.org/" width=690 height=500 frameborder=1></iframe>
</div>

<div id="cont_4" style="display: none;"> 
<br>
<iframe id="radikal"  src="https://ru.imgbb.com/" width=690 height=500 frameborder=1></iframe>
</div>

<div id="cont_5" style="display: none;"> 
<br>
<iframe id="radikal"  src="https://imageup.ru/" width=690 height=500 frameborder=1></iframe>
</div>

<div id="cont_6" style="display: none;"> 
<br>
<iframe id="radikal"  src="https://hostingkartinok.com/" width=690 height=500 frameborder=1></iframe>
</div>

!~!;*/
}smls_blkCnt = smls_blkCnt.toString().split('!~!;')[1];
$('#smls-blk').one('hover',function () {
  $(smls_blkCnt).appendTo(this);
});
</script>

</div></br> 
<!--===================================================================================================-->

+3

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Новый загрузчик изображений (Imgur+Instagram, добавка перетаскиванием)

Сообщений 201 страница 220 из 254

Поделиться1Вс, 12 Авг 2018 23:53:47

Поделиться201Вт, 1 Дек 2020 22:37:02

Поделиться202Вт, 1 Дек 2020 22:48:26

Поделиться203Сб, 30 Янв 2021 19:31:11

Поделиться204Сб, 30 Янв 2021 19:44:30

Поделиться205Сб, 30 Янв 2021 20:26:29

Поделиться206Сб, 30 Янв 2021 20:36:57

Поделиться207Сб, 30 Янв 2021 22:00:28

Поделиться208Пт, 20 Авг 2021 07:05:02

Поделиться209Пт, 20 Авг 2021 07:24:10

Поделиться210Пт, 20 Авг 2021 16:07:54

Поделиться211Пт, 20 Авг 2021 16:42:57

Поделиться212Пт, 20 Авг 2021 16:50:43

Поделиться213Ср, 1 Июн 2022 11:49:22

Поделиться214Ср, 1 Июн 2022 16:43:10

Поделиться215Сб, 4 Мар 2023 18:29:44

Поделиться216Сб, 4 Мар 2023 19:12:37

Поделиться217Сб, 4 Мар 2023 20:10:30

Поделиться218Сб, 4 Мар 2023 20:21:35

Поделиться219Сб, 4 Мар 2023 20:32:33

Поделиться220Сб, 4 Мар 2023 21:08:44