Как создать картинку и удалить её?

@Ronaldoo · Регистрация: 27.03.2013

Студворк — интернет-сервис помощи студентам

В HTML документе есть кнопка "Создать картинку". При клике на кнопку нужно создать картинку и еще одну кнопку. На картинке может быть любое изображение, а вторая кнопка содержит текст "Удалить картинку. При клике на свежесозданную кнопку удаляется картинка и сама кнопка.

@fanatikus · 02.10.2018, 18:22

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

@Ronaldoo · 03.10.2018, 14:00 **[ТС]**

fanatikus,
готово!

HTML5
1
2
3
<button class="my_btn btn btn-success">Создать картинку</button>
 
        <div class="block"></div>

JavaScript
1
2
3
4
5
6
$('button').click(function(event) {
    $('.block').append('<img src="http://i91.***********/big/2018/1002/2e/b53502edfbf742288a4bc729ef4bae2e.png" alt=""/> <button class="delete btn btn-success">Удалить картинку</button>');
    $('.delete').click(function(event) {
        $('.block').empty();
    });
});

@fanatikus · 03.10.2018, 14:25

JavaScript
1
2
3
4
5
6
7
8
9
10
$(function(){
    $('.my_btn').click(function (event) {
        $('.block').append('<img src="img/55a1091c4c1f8.jpg"><button class="delete">Удалить картинку</button>');
        
    });
    $(document).on('click', '.delete', function(){
            $(this).prev().remove();
            $(this).remove();
    })
})

PHP/HTML
1
2
<button class="my_btn btn btn-success">Создать картинку</button>
<div class="block"></div>

@Ronaldoo · 03.10.2018, 14:29 **[ТС]**

fanatikus, так мой вариант тоже рабочий, или в нем что-то не так ?

@Kraken73 · 03.10.2018, 15:42

Ronaldoo,
у вас удалятся все картинки при клике, а не конкретная

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@Ronaldoo 6 / 5 / 2 Регистрация: 27.03.2013 Сообщений: 136

	Как создать картинку и удалить её? 02.10.2018, 14:13. Показов 2348. Ответов 5 Метки нет (Все метки) В HTML документе есть кнопка "Создать картинку". При клике на кнопку нужно создать картинку и еще одну кнопку. На картинке может быть любое изображение, а вторая кнопка содержит текст "Удалить картинку. При клике на свежесозданную кнопку удаляется картинка и сама кнопка. 0

@fanatikus 1932 / 1523 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	02.10.2018, 18:22
	ну, и что не получается? где пробы? или нужен готовый код? тогда в другой раздел 0

@Ronaldoo 6 / 5 / 2 Регистрация: 27.03.2013 Сообщений: 136
	03.10.2018, 14:29 [ТС]
	fanatikus, так мой вариант тоже рабочий, или в нем что-то не так ? 0

@Kraken73 105 / 93 / 50 Регистрация: 17.09.2015 Сообщений: 612
	03.10.2018, 15:42
	Ronaldoo, у вас удалятся все картинки при клике, а не конкретная 0