Jamie888 Ответов: 0

Добавить изображение при нажатии кнопки

Привет, у меня есть представление CSHTML, в котором у меня была бы кнопка, которая добавит/создаст изображение при нажатии. У меня есть несколько простых кодов cshtml и скриптов, которые справятся с этим. Но странно то, что каждый раз, когда я нажимаю на кнопку, вместо нее создается пустое изображение. Я попытался изменить свой скрипт, чтобы создать кнопку вместо этого, и это работает. Ниже приведены мои коды:

<div id="main">
    <button onclick="addimage();">Add</button>
</div>


<script>
        function addimage() {
        var img = document.createElement("img");
        img.src = "~/images/paddlewheel.png";
        img.height = 60;
        img.width = 60;

        var class_name = "gif";
        img.setAttribute("class", class_name);

        document.getElementById("main").appendChild(img);
    };
</script>


Что я уже пробовал:

1. Поиск в интернете альтернативы, но безрезультатно.
2. переход от создания изображения к кнопке. Кнопка работает, но не изображение.

F-ES Sitecore

Я не думаю, что "~" является допустимым HTML-url, он обычно используется в серверном коде, где asp.net преобразует его в корень вашего сайта. Попробуйте использовать фактический относительный путь "images/paddlewheel.png" или "../images/paddlewheel.png" в зависимости от того, где находится папка images По отношению к странице. Или используйте абсолютный путь, который начинается с косой черты "/images/paddlewheel.png", снова изменяющейся, чтобы отразить вашу фактическую структуру папок.

Jamie888

- Спасибо, сэр. Я тоже только что узнал об этом, прочитав несколько статей. Эта проблема может быть решена путем изменения src с "~/изображения/гребного колеса.PNG" в "/образы/гребного колеса.ПНГ"

0 Ответов