Как сделать, чтобы при нажатии на кнопку загружалась фото в определенное пространство?

Question

[Frel]

Как сделать, чтобы при нажатии на кнопку (save pictures) загружалась фото в определенное пространство (pictures)?
Код!
p.s. Не нашел инфы(((

Answer 1

[Stalker_RED]

Можете посмотреть пример, он довольно простой
https://jsfiddle.net/kj67cmuw/2/
Если не нужно выравнивание, можно выбросить большую часть css и враппер.

Comments

[Frel]

Значит без input файла нельзя да сделать?

[Stalker_RED]

Frel: Можно сделать его скрытым.
Можно даже drag-n-drop прикрутить https://css-tricks.com/drag-and-drop-file-uploading/
Но совсем без input type=file не получится.

[Frel]

А как связать этот код с белым фоном?https://jsfiddle.net/kj67cmuw/2/

[Frel]

Код драгндропа?

[Frel]

Stalker_RED: Чтобы при перетаскивании фотка тоже появлялась в пространстве для фоток!

[Stalker_RED]

Frel: Там же довольно подробно все расписано. Если есть сложности задавайте более конкретные вопросы.

Answer 2

[0348raven]

Тебе нужен
<input type="file">
в первую очередь, а потому уже либо с помощью canvas или svg отрисовывать свою картинку в нужном месте.
Еще можно в base64 картинку переводить и тоже отображать.
Ну или готовое решение:
https://www.html5rocks.com/en/tutorials/file/dndfi...

Comments

[Frel]

Без файла не как?

[0348raven]

Frel: А смысл, если ты файл загружаешь?

P.S. надо максимально "семантично" пробовать делать