Изменение html кода.

@OVSite · Регистрация: 22.08.2010

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

Есть html код который в ручную редактировать не удобно. Хочу сделать этот процесс более удобным.
Как с помощью php можно сделать страничку в которой можно будет ввести описание чего либо, прикрепить изображение и нажав на кнопку отправить, это описание и изображение добавлялось к главной странице после тега <body>?

@evgentus · 05.02.2011, 21:44

Надо полностью заменить код между тегами <body></body> или просто к существующему коду добавить сверху ?

Покажите html-шаблон того что надо добавить.
И вообще поподробнее бы рассказали.

@OVSite · 05.02.2011, 21:48 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
    <head>
</head>
    <body>
    <div id="Site">
    <div id="Heading">
    </div>
    <div id="Menu">
    <?php
    include ("Menu.html");
    ?>
    </div>
    <div id="Programma">
    </div>
    </div>
    </body>
</html>

Нужно что бы в блок <div id="Programma"></div> добавлялось.

@evgentus · 05.02.2011, 21:59

Я понял Вас так.

Надо сделать форму с полем ввода текста, полем выбора фотки на компе, и кнопочки отправки формы.
Ресайз изображения делать не надо и проверять на то что это действительно изображение тоже не надо так как Вы лично будите этим пользоваться.
Скопировать изображение в определенную папку.
Составить что то типа:

<img src="наше изображение">
<div id="text">наш текст</div>

и вставить это между <div id="Programma"></div>

Так?

@OVSite · 05.02.2011, 22:02 **[ТС]**

Сообщение от evgentus

Я понял Вас так.
Надо сделать форму с полем ввода текста, полем выбора фотки на компе, и кнопочки отправки формы.
Ресайз изображения делать не надо и проверять на то что это действительно изображение тоже не надо так как Вы лично будите этим пользоваться.
Скопировать изображение в определенную папку.
Составить что то типа:
<img src="наше изображение">
<div id="text">наш текст</div>
и вставить это между <div id="Programma"></div>
Так?

Почти.

Сообщение от evgentus

<div id="text">наш текст</div>

Просто текст без тегов.

@evgentus · 05.02.2011, 22:46

Если все правильно понял то вот.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?php
define("FILE", 'index.html');
define("UPLOAD_FOLDER", 'upload/');
$text = '<html>
        <head>
</head>
        <body>
        <div id="Site">
        <div id="Heading">
        </div>
        <div id="Menu">
        <?php
        include ("Menu.html");
        ?>
        </div>
        <div id="Programma">
        ';
$_text = '</div>
        </div>
        </body>
</html>';
 
function uploadImage($file, $name)
{
    $urlImage = UPLOAD_FOLDER . $name;
    return (move_uploaded_file($file, $urlImage))?$urlImage:false;
}
 
if (isset($_POST['upload'])){
    if ($img = uploadImage($_FILES['image']['tmp_name'], $_FILES['image']['name'])){
        $image = '<img src="'.$img.'"><br />';
        $text = $text . $image . $_POST['text'] . $_text;
        echo (file_put_contents(FILE, $text))?'Всё ОК!':"Всё хреново:(";
    }
    else{
        echo "Error!";
    }
}
else{
    echo "<form enctype=\"multipart/form-data\" action=\"add.php\" method=\"post\">
    Введите текст<br />
    <textarea name=\"text\" cols=30 rows=5></textarea><br />
    Выберите картинку<br />
    <input type=\"file\" name=\"image\"><br />
    <input type=\"submit\" name=\"upload\" value=\"Закачать\">
    </form>";
}
?>

@OVSite · 05.02.2011, 22:55 **[ТС]**

А куда здесь сохраняется изображение?

@evgentus · 05.02.2011, 23:02

скрипт в файл add.php, и в этой папке где add.php создаешь папку upload (или другую, ее название в UPLOAD_FOLDER в начале скрипта) в ней и будут картинки.
Написано на скоряк, нет проверок различных, имя файла лучше генерировать по другому а не использовать $_FILE['image']['name'] а сделать допустим так,

PHP
1
$filename = md5($_FILE['image']['name']. microtime()) . 'расширение';

Ну от этого базового скрипта можете оттолкнуться, и дописать как Вам удобно, возможно я просто не понял что Вам нужно...

@OVSite · 05.02.2011, 23:37 **[ТС]**

Вот что выдал
Warning: move_uploaded_file(,image/COMODO.png): failed to open stream: No such file or directory in /home/o/ovsite.h18.ru/WWW/Editor.php on line 26

Warning: move_uploaded_file(): Unable to move '/var/tmp/phpNv7awk' to ',image/COMODO.png' in /home/o/ovsite.h18.ru/WWW/Editor.php on line 26
Error!
Может я что не правильно сделал
Вот файл html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
    <head>
    <title>Редактирование</title>
    <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    <body>
    <div id="Site">
    <div id="Heading">
    </div>
    <div id="Menu">
    </div>
    <div id="Programma">
    <form enctype="multipart/form-data" action="Editor.php" method="post">
        Изображение<br />
        <input type="file" name="image"><br />
        <input type="submit" name="upload" value="Добавить">
        Описание<br />
        <textarea name=\"text\" cols=30 rows=5></textarea><br />
        </form>
    </div>
    </div>
    </body>
</html>

Вот файл обработчик

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<?php
define("FILE", 'index.html');
define("UPLOAD_FOLDER", ',image/');
$text = '<html>
        <head>
</head>
        <body>
        <div id="Site">
        <div id="Heading">
        </div>
        <div id="Menu">
        <?php
        include ("Menu.html");
        ?>
        </div>
        <div id="Programma">
        ';
$_text = '</div>
        </div>
        </body>
</html>';
 
function uploadImage($file, $name)
{
        $urlImage = UPLOAD_FOLDER . $name;
        return (move_uploaded_file($file, $urlImage))?$urlImage:false;
}
 
if (isset($_POST['upload'])){
        if ($img = uploadImage($_FILES['image']['tmp_name'], $_FILES['image']['name'])){
                $image = '<img src="'.$img.'"><br />';
                $text = $text . $image . $_POST['text'] . $_text;
                echo (file_put_contents(FILE, $text))?'Всё ОК!':"Всё хреново:(";
        }
        else{
                echo "Error!";
        }
}
else{
}

Добавлено через 6 минут
Нашёл ошибку, исправил, но возникла другая проблема.
После загрузки изображений и описания после нажимая на кнопку выдаёт просто белую страницу, а в файле index нечего не меняется.

Добавлено через 17 минут
Понял.
Нужно твой код добавить в index.php?

Добавлено через 1 минуту
А я сделал два отдельных файла Editor.php и Editor.html.

@evgentus · 05.02.2011, 23:41

Индексный файл точно так называется и имеет такое же расширение как в константе?
define("FILE", 'index.html');
Потому что перед тем как Вам отправлять, проверил, у меня все работает!

ПС. Попробуйте в else{

}
добавить print_r($_POST);

если что то напечатает вместо белого экрана, напишите.

@OVSite · 05.02.2011, 23:42 **[ТС]**

Сообщение от evgentus

define("FILE", 'index.html');

Изменил на index.php.

@evgentus · 05.02.2011, 23:43

Да можно и отдельные файлы, можно и один, разницы то нет... Но в одном как то компактнее.
Просто надо записать мой код в файл add.php и поменять там константы если нужно.

@OVSite · 05.02.2011, 23:45 **[ТС]**

Белый экран.
Можете сами проверить http://ovsite.h18.ru/Editor.html.

Добавлено через 42 секунды

Сообщение от evgentus

Просто надо записать мой код в файл add.php и поменять там константы если нужно.

Я изменил название с add.php на Editor.php и в коде это тоже изменил.

@evgentus · 06.02.2011, 00:02

У папки с картинками должны быть права на запись, у index.php аналогично.
И еще...

Надо переделать скрипт, а то он перезапишет все Ваши предыдущие данные в index.php

Надо будет читать index.php в переменную, допустим $fullFile = file_get_contents(FILE);
Регулярками или еще чем нибудь разделить текст так, чтобы в переменной $text было то что идет до <div id="Programma"> (вместе с этой строчкой) , а в переменной $_text все что после.

Я в регулярках не спец, поищите в инете как это сделать...
А вообще, юзайте БД, все намного проще будет!

@OVSite · 06.02.2011, 00:06 **[ТС]**

Сообщение от evgentus

У папки с картинками должны быть права на запись, у index.php аналогично.

Проверял, в папке изображения появляются.
Как изменить права?

Сообщение от evgentus

Надо будет читать index.php в переменную, допустим $fullFile = file_get_contents(FILE);

Можно по подробнее и с кодом?

@evgentus · 06.02.2011, 00:43

Нужно просто создать файл Editor.php и залить в него всё что написано ниже.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?php
define("FILE", 'index.php');
define("UPLOAD_FOLDER", 'image/');
$fulFile = file_get_contents(FILE);
$text = '<div id="Programma">';
 
function uploadImage($file, $name)
{
    $urlImage = UPLOAD_FOLDER . $name;
    return (move_uploaded_file($file, $urlImage))?$urlImage:false;
}
 
if (isset($_POST['upload'])){
    if ($img = uploadImage($_FILES['image']['tmp_name'], $_FILES['image']['name'])){
        echo "Изображение загружено <br />";
        $image = '<img src="'.$img.'"><br />';
        $_text = $text . $image . $_POST['text'];
        echo (file_put_contents(FILE, str_replace($text, $_text, $fulFile)))?'Всё ОК!':"Всё хреново:(";
    }
    else{
        echo "Error!";
    }
}
else{
    echo "<form enctype=\"multipart/form-data\" action=\"Editor.php\" method=\"post\">
    Введите текст<br />
    <textarea name=\"text\" cols=30 rows=5></textarea><br />
    Выберите картинку<br />
    <input type=\"file\" name=\"image\"><br />
    <input type=\"submit\" name=\"upload\" value=\"Закачать\">
    </form>";
}
?>

@OVSite · 06.02.2011, 13:51 **[ТС]**

Этот код тоже не работает.

@evgentus · 06.02.2011, 13:57

У меня он работает без проблем, копайте в сторону прав доступа на файл index.php и папку image
Должна быть разрешена запись в них.
Какие именно права выставлять - у хостера должна быть инфа по этому поводу.

@OVSite · 06.02.2011, 14:02 **[ТС]**

Сообщение от evgentus

У меня он работает без проблем, копайте в сторону прав доступа на файл index.php и папку image
Должна быть разрешена запись в них.
Какие именно права выставлять - у хостера должна быть инфа по этому поводу.

Какие права выставлять я знаю, а вот как их выставлять это проблема.

@evgentus · 06.02.2011, 14:10

Через Total Commander на ftp надо зайти и выбрать "change attributes"(помоему так называется)...
Можно через php ... Функция chmod();

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@OVSite 171 / 169 / 1 Регистрация: 22.08.2010 Сообщений: 1,251

	Изменение html кода. 05.02.2011, 21:08. Показов 8919. Ответов 20 Метки нет (Все метки) Есть html код который в ручную редактировать не удобно. Хочу сделать этот процесс более удобным. Как с помощью php можно сделать страничку в которой можно будет ввести описание чего либо, прикрепить изображение и нажав на кнопку отправить, это описание и изображение добавлялось к главной странице после тега <body>? 0

@evgentus 26 / 18 / 1 Регистрация: 05.02.2011 Сообщений: 55
	05.02.2011, 21:44
	Надо полностью заменить код между тегами <body></body> или просто к существующему коду добавить сверху ? Покажите html-шаблон того что надо добавить. И вообще поподробнее бы рассказали. 1

@evgentus 26 / 18 / 1 Регистрация: 05.02.2011 Сообщений: 55
	05.02.2011, 21:59
	Я понял Вас так. Надо сделать форму с полем ввода текста, полем выбора фотки на компе, и кнопочки отправки формы. Ресайз изображения делать не надо и проверять на то что это действительно изображение тоже не надо так как Вы лично будите этим пользоваться. Скопировать изображение в определенную папку. Составить что то типа: <img src="наше изображение"> <div id="text">наш текст</div> и вставить это между <div id="Programma"></div> Так? 1

@OVSite 171 / 169 / 1 Регистрация: 22.08.2010 Сообщений: 1,251
	05.02.2011, 22:55 [ТС]
	А куда здесь сохраняется изображение? 0

@evgentus 26 / 18 / 1 Регистрация: 05.02.2011 Сообщений: 55
	05.02.2011, 23:41
	Индексный файл точно так называется и имеет такое же расширение как в константе? define("FILE", 'index.html'); Потому что перед тем как Вам отправлять, проверил, у меня все работает! ПС. Попробуйте в else{ } добавить print_r($_POST); если что то напечатает вместо белого экрана, напишите. 1

@evgentus 26 / 18 / 1 Регистрация: 05.02.2011 Сообщений: 55
	05.02.2011, 23:43
	Да можно и отдельные файлы, можно и один, разницы то нет... Но в одном как то компактнее. Просто надо записать мой код в файл add.php и поменять там константы если нужно. 1

@evgentus 26 / 18 / 1 Регистрация: 05.02.2011 Сообщений: 55
	06.02.2011, 00:02
	У папки с картинками должны быть права на запись, у index.php аналогично. И еще... Надо переделать скрипт, а то он перезапишет все Ваши предыдущие данные в index.php Надо будет читать index.php в переменную, допустим $fullFile = file_get_contents(FILE); Регулярками или еще чем нибудь разделить текст так, чтобы в переменной $text было то что идет до <div id="Programma"> (вместе с этой строчкой) , а в переменной $_text все что после. Я в регулярках не спец, поищите в инете как это сделать... А вообще, юзайте БД, все намного проще будет! 1

@OVSite 171 / 169 / 1 Регистрация: 22.08.2010 Сообщений: 1,251
	06.02.2011, 13:51 [ТС]
	Этот код тоже не работает. 0

@evgentus 26 / 18 / 1 Регистрация: 05.02.2011 Сообщений: 55
	06.02.2011, 13:57
	У меня он работает без проблем, копайте в сторону прав доступа на файл index.php и папку image Должна быть разрешена запись в них. Какие именно права выставлять - у хостера должна быть инфа по этому поводу. 0

@evgentus 26 / 18 / 1 Регистрация: 05.02.2011 Сообщений: 55
	06.02.2011, 14:10
	Через Total Commander на ftp надо зайти и выбрать "change attributes"(помоему так называется)... Можно через php ... Функция chmod(); 0