За последние 24 часа нас посетили 66888 программистов и 1639 роботов. Сейчас ищут 893 программиста ...

Смена (обновление) изображения

Тема в разделе "PHP для новичков", создана пользователем Зингер, 26 янв 2018.

  1. Зингер

    Зингер Активный пользователь

    С нами с:
    20 июл 2017
    Сообщения:
    127
    Симпатии:
    7
    Доброго времени суток. Есть пробная форма
    HTML:
    1.     <head>
    2.         <meta charset="utf-8">
    3.         <link href="../CSS/body.css" rel="stylesheet" type="text/css"/>
    4.         <link href="../CSS/menu.css" rel="stylesheet" type="text/css"/>
    5.         <link href="../CSS/div.css" rel="stylesheet" type="text/css"/>
    6.     </head>
    7.     <body>
    8.         <div id="main_page">
    9.             <?
    10.            include_once $_SERVER['DOCUMENT_ROOT'] . "\Admin\Menu.php";
    11.            ?>
    12.             <form method="POST">
    13.                 <img src="\Images\proba.jpg" style="width: 20%; height: 20%;">
    14.                     <button type="submit" name="zagruzit_foto_button" value="" style="padding: 0; font-size: smaller; cursor: pointer">Загрузить</button>
    15.                     <button type="reset" name="reset_foto_button" value="" style="padding: 0; font-size: smaller; cursor: pointer">Сброс</button>
    16.                 <input type="text">
    17.             </form>
    18.         </div>
    19.     </body>
    20. </html>
    Пож-та помогите с советом. Как сделать, чтобы по кнопке name="zagruzit_foto_button" изображение загружалось и обновлялось на странице без перезагрузки данных других элементов, т.е. всей страницы.
    Что мне по этому поводу приходит в голову:
    1) Копать в сторону JavaScript, а в частности AJAX.
    2) Помещать все данные от инпутов в сессию и после перезагрузки страницы вставлять их обратно.

    Что посоветуете?
     
  2. abrdabr

    abrdabr Новичок

    С нами с:
    28 янв 2017
    Сообщения:
    774
    Симпатии:
    65
    @Зингер копать в сторону яс, но аякс наврятли нужен
     
  3. Sergey_Tsarev

    Sergey_Tsarev Активный пользователь

    С нами с:
    17 мар 2016
    Сообщения:
    502
    Симпатии:
    105
    Изображение пользователь загружает или оно уже лежит на сервере?
     
  4. Зингер

    Зингер Активный пользователь

    С нами с:
    20 июл 2017
    Сообщения:
    127
    Симпатии:
    7
    Загружает со своего компутера.
     
  5. Dron-Boy

    Dron-Boy Старожил

    С нами с:
    20 ноя 2014
    Сообщения:
    1.041
    Симпатии:
    126
    Ты имеешь ввиду следующее юзверь выбрал картинку нажал загрузить и она у него тут же обновилась? если так то я бы делал так вот отправил ajaxom картинку на сервере ее загрузил и вернул бы путь потом этот путь вставь в тег img где должна отобразится картинка. Но есть более изящный способ тут копай в сторону html5 api загрузка картинок
     
    Зингер нравится это.
  6. Зингер

    Зингер Активный пользователь

    С нами с:
    20 июл 2017
    Сообщения:
    127
    Симпатии:
    7
    @Dron-Boy. Спасибо, буду копать.