После загрузки изображения, ссылка добавляется в textarea

veleg
На сайте с 30.01.2011
Offline
142
785

Всем привет.

Есть некая задумка, состоящая из нескольких этапов, но все по порядку.

Есть форма http://blogcode.ru/2.php

<form method="post">
<p><input type="file" name="f">
<input type="submit" value="Загрузить"></p>

<textarea></textarea>
</form>

Как сделать, чтобы после добавления картинки через загрузчик, в поле textarea на месте курсора появлялась ссылка на загруженное изображение? Конечно же без перезагрузки страницы, так как в само поле в этот момент вбивается текст.

Фигачу Телеграм-ботов ( https://teleg.run/veleg )
S3
На сайте с 29.03.2012
Offline
366
#1

veleg,

ну просто гениальная идея!! И как вам такое вголову пришло, готовый же стартап!!!

**шепотом** гуглить про ajax формы не пробовали?

veleg
На сайте с 30.01.2011
Offline
142
#2
Sly32:
veleg,
ну просто гениальная идея!! И как вам такое вголову пришло, готовый же стартап!!!
**шепотом** гуглить про ajax формы не пробовали?

Если хотите, можете взять на реализацию мою идею ☝ Бесплатно, в качестве благодарности за идеальный ответ ;)

**В ответ** пробовал.

mendel
На сайте с 06.03.2008
Offline
232
#3

Для загрузки используешь https://blueimp.github.io/jQuery-File-Upload/

Для добавления картинки пишешь обработчик типа такого.

Всё равно ведь следующим вопросом будет про добавление в редактор :)

В шаблон аплоадера пристраиваешь в нужном месте что-то вроде такого.

Пристраивать в блоке типа


{% if (file.url) { %}
...
{% } %}

Шутку любишь над Фомой, так люби и над собой. (с) народ. Бесплатные списки читабельных(!) свободных доменов (http://burzhu.net/showthread.php?t=2976) (5L.com) Сайты, All inclusive. 5* (/ru/forum/962215)
veleg
На сайте с 30.01.2011
Offline
142
#4

Лучше не придумаешь.

Следующий вопрос другой.

Если в textarea нет ссылки на загруженную картинку(ну например пользователь загрузил и передумал вставлять ее), то она удаляется. Ну это ладно, средствами php сделаю. Благодарю.

mendel
На сайте с 06.03.2008
Offline
232
#5
veleg:
Если в textarea нет ссылки на загруженную картинку(ну например пользователь загрузил и передумал вставлять ее), то она удаляется. Ну это ладно, средствами php сделаю. Благодарю.

Не советую. Пусть руками удаляет.

У меня иногда по дюжине раз картинки в статьях и/или шаблонах меняются, и часто возвращается первый вариант.

У вас список картинок будет виден. "Запасные" пусть себе лежат.

veleg
На сайте с 30.01.2011
Offline
142
#6
mendel:
Не советую. Пусть руками удаляет.
У меня иногда по дюжине раз картинки в статьях и/или шаблонах меняются, и часто возвращается первый вариант.
У вас список картинок будет виден. "Запасные" пусть себе лежат.

Я вас понял.

А где можно ресайз прописать? Чтоб все картинки уменьшались до ширины 800px? Ну и минимальный размер загружаемого изображения тоже был 800px.

---------- Добавлено 05.12.2016 в 16:42 ----------

https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing нашел

S3
На сайте с 29.03.2012
Offline
366
#7
veleg:
Если хотите, можете взять на реализацию мою идею Бесплатно, в качестве благодарности за идеальный ответ

**В ответ** пробовал.

вот тут у меня давно уже все реализовано для Wordpress. Попробовал погуглить, за день все собрал.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий