Форум на Исходниках.RU

Проблемы с формой загрузки (выбора) файла

D-G — Wed, 15 May 2019 10:38:53 +0000

D-G:

Цитата Руслан @ 17.04.19, 16:42

Если "программист" не в состоянии сформулировать даже вопрос, как он сформулирует решение?! :huh: >:(

Естественно я все ещё не программист ))) но сейчас уже по другому бы сформулировал свою изначальную проблему, хотя сразу крутились несколько вариантов в заглавии темы приближенных к нужному. Сейчас бы это скорее всего звучало как: "Проблема с формой выбора и применения фонового изображения". Интересно. можно ли сейчас полностью поменять тему? А вообще, спасибо за терпение и подсказки )))

Цитата Руслан @ 17.04.19, 16:42

Поэтому у меня опять вопрос, нет ли способа просто скопировать путь к файлу?

Есть. Буквально пара строк на JS. Более убогий костыль сложно представить.

Вы знаете, понаходил несколько вариантов подобных вещей на чистом пхп, все классно работает, но они платные. Одним словом нужно писать вариант експлорера на пхп ))) У меня конечно не полноценный експлорер, но в урезаном виде даже мой вариант уже кое-что может. Сделал этот вариант специально для форума, вдруг кому пригодится. Его можно развивать, скрывать окно со списком картинок,пока их не сканировали, делать картинки как ссылки, множественный выбор с помощью чекбокса и другое. Важен принцип. Рядом с текстовым полем есть клавиша "Обзор" для выбора картинок на сервере. Потом эти картинки выбираются и применяются. Тут вариант без записи в файл стилей, просто для демонстрации моментального применения выбранной картинки. После перезагрузки восстанавливается фон по дефолту.
Два файла, один form-forum.php , второй файл стилей main.css для дефолтного стиля, и чтоб удобней располагались окошко выбора и квадрат.
form-forum.php

<head>

</head>

<?php

// Вызов функции обработки результатов сканирования

if (isset($_POST['find_all_pic']))

{find_all_pic('.');}

<?php

if (isset($_POST['find_all_pic']))

{calcul();}

<body>

<?php

if (isset($_POST['find_all_pic']))

{add_strok();}

?>

</div>

</form>

</div>

</div>

</body>

<?php

function calcul()

{

global $matchV; global $pic_on; global $parth_on;

$calc=count($parth_on);

echo "Найдено $calc файла(ов)";

}

// Функция добавления строк в список

function add_strok()

{

global $pic_on; global $parth_on;

for ($i=0; $i<count($parth_on); $i++) // по идее доолжна была проверять количество строк (элементов массива и быть счетчиком)

{

echo "

<div style=\" grid-column: 1 / 1;\">$parth_on[$i]</div>

}

// Функция длля сканирования всех картинок

function find_all_pic($dir)

{

global $pic_on; global $parth_on;

foreach (glob($dir.DIRECTORY_SEPARATOR."*") as $annown)

{

if (is_dir($annown))

{

if (find_all_pic($annown)) continue;

}

else

{

$parth_annown[] =$annown;

//echo $annown; echo '<br>';

if (preg_match_all("/^.*\.(jpg|jpeg|png|gif|bmp)$/i",$annown,$match, PREG_PATTERN_ORDER )) // выбираем все картинки

{

$matchV=array_values($match[0]); // собираем картинки в массив

foreach ($matchV as $key=>$pic)

{

$parth_on[]=$pic;

$pic_on[] ='<img src="'.$pic.'" width="100%" height="100%" >'; // делаем превью с иконкой

// echo $pic; echo '<br>'; // оставил для проверки

}

<?php

// Применение картинки без записи в файл стилей для боди

if (isset($_POST['bbgimg'])) {$bbgimg=$_POST['bbgimg'] ;}

elseif (empty($bbgimg))

{

$bbgimg='';

}

echo '<style type="text/css";>

body {

background-image:'.$bbgimg.';

}

</style>';

// Применение картинки без записи в файл стилей для квадрата

if (isset($_POST['wbgimg'])) {$wbgimg=$_POST['wbgimg'] ;}

elseif (empty($wbgimg))

{

$wbgimg='';

}

echo '<style type="text/css";>

.wrap {

background-image:'.$wbgimg.';

background-size: 100% 100%;

}

</style>';

<?php

// Функция для обработки имени и пути файла для боди

function prepare()

{ global $str;

$str1=preg_replace('/^\.\\/','', $str);

$str2=preg_replace("/\\/",'/',$str1);

echo "url($str2)";

}

// Функция для обработки имени и пути файла для квадрата

function prepare1()

{ global $st;

$st1=preg_replace('/^\.\\/','', $st);

$st2=preg_replace("/\\/",'/',$st1);

echo "url($st2)";

}

<?--- Форма для выбора картинки для боди --->

картинка для страницы: <input name="bbgimg" type="text" value="<?php if (isset($_POST['strok'])) {$str=$_POST['strok']; prepare($str);} ?>"><input name="find_all_pic" type="submit" value="Сканировать картинки в корневой папке"><br>

</form>

<?--- Форма для выбора картинки для квадрата --->

картинка для кадрата: <input name="wbgimg" type="text" value="<?php if (isset($_POST['strok'])) {$st=$_POST['strok']; prepare1($st);} ?>"><input name="find_all_pic" type="submit" value="Обзор"><br>

</form>

main.css

body{

background: red;

}

.w {

display: grid;

grid-template-columns: 3fr 1fr;

}

.form {

width: 100%;

border: 5px solid #777;

}

.wrap {

background:yellow ;

border: 5px solid #777;

margin: auto ;

width: 130px ;

height: 100px ;

z-index: 3 ;

}

Может, когда допишу полностью рабочий вариант екслорера, который можно будет прикрутить к любой задаче, выложу его тут.

Проблемы с формой загрузки (выбора) файла

D-G — Fri, 19 Apr 2019 16:31:23 +0000

D-G:

Цитата Руслан @ 17.04.19, 19:32

Как на ваш взггляд, можно ли для этого использовать данные вот этой статьи, с учетом переименования enctype="multipart/form-data" в type="text"?
https://php.net/manual/ru/wrappers.php.php

Цитата Руслан @ 17.04.19, 16:42

Если таки да, то glob($dir."*.jp*") - список файлов "*.jp*" на сервере.

Что-то не могу придумать как под это дело сделать кнопку, чтоб увидеть, что получится.

Проблемы с формой загрузки (выбора) файла

Руслан — Wed, 17 Apr 2019 19:32:34 +0000

Руслан:

Цитата D-G @ 17.04.19, 18:50

Захотел сделать ещё и поле для использования фонового изображения.

Фактически, на данный момент вы пришли к "выбор изображения из имеющихся на сервере". Хотя в процессе обсуждали загрузку файла на сервер, и изначально использовали "список файлов на сервере" наглухо !== "список файлов на клиенте"!

Цитата D-G @ 17.04.19, 18:50

И вот в следующем тоже вроде видны мои цели:

Да на здоровье, я ж не против. Делайте! Но имейте в виду,

Проблемы с формой загрузки (выбора) файла

D-G — Wed, 17 Apr 2019 18:50:29 +0000

D-G:

Цитата Руслан @ 17.04.19, 16:42

Если "программист" не в состоянии сформулировать даже вопрос, как он сформулирует решение?!

И вроде в моем первом посте я довольно четко сказал, что за поле я хочу создать

Цитата D-G @ 14.04.19, 17:35

Захотел сделать ещё и поле для использования фонового изображения.

И вот в следующем тоже вроде видны мои цели:

Цитата D-G @ 15.04.19, 17:28

то не работает, видно, что файл выбран, но при нажатии на "Сменить" изображение не применяется

Проблемы с формой загрузки (выбора) файла

D-G — Wed, 17 Apr 2019 17:33:43 +0000

D-G:

Цитата Руслан @ 17.04.19, 16:42

Если "программист" не в состоянии сформулировать даже вопрос, как он сформулирует решение?!

А я где-то сказал, что я программист? Я везде пишу в своих вопросах, что я новичок, и пробую научится, в том числе и формулировать свои мысли и озвучивать термины. Думаю за те 10 дней, что я на форуме, в том числе и с вашей помощью, мои познания стали лучше, мысли четче, код чище.

Цитата Руслан @ 17.04.19, 16:42

Есть. Буквально пара строк на JS. Более убогий костыль сложно представить

Странно, может просто никто не задавался такой целью? Ведь есть функции типа pathinfo, link,,, Да и в отладчике путь к фалу показывает
Да и в джумле вроде такое реализовано. Не буду, конечно утверждать, но там путь показывает, хотя возможно и с помощью js.

Добавлено 17.04.19, 17:40

Цитата Руслан @ 17.04.19, 16:42

Научитесь отображать хотя бы простые строки

Честно говоря, даже не знаю, что такое простые строки... Если типа Хелоу, мир или 2+2, так вроде получается. Ну а многие "простые строки" которые были для меня сложными ещё на той неделе, я уже более менее понимаю и применяю. Хотя конечно,

Цитата Руслан @ 17.04.19, 16:42

Если таки да, то glob($dir."*.jp*") - список файлов "*.jp*" на сервере.

мне возможно и рано.

Проблемы с формой загрузки (выбора) файла

Руслан — Wed, 17 Apr 2019 16:42:38 +0000

Руслан:

Цитата D-G @ 17.04.19, 15:42

Поэтому у меня опять вопрос, нет ли способа просто скопировать путь к файлу?

Браузер изначально не знает, и не может знать какие файлы имеются на сервере. Кнопки "обзор файлов на сервере" (применимой к данной, практической ситуации) - не существует.

Цитата D-G @ 17.04.19, 15:42

Поэтому у меня опять вопрос, нет ли способа просто скопировать путь к файлу?

Есть. Буквально пара строк на JS. Более убогий костыль сложно представить. :facepalm:

Где тут руки помыть? <_<
Если "программист" не в состоянии сформулировать даже вопрос, как он сформулирует решение?! :huh: >:(

Добавлено 17.04.19, 17:30

Цитата D-G @ 17.04.19, 14:17

Может есть способ выбрать файл и скопировать путь до него и вставить в текстовое поле?

Т.е. требуется отобразить файлы, которые имеются на сервере, и показать их одмину для выбора?
Если таки да, то glob($dir."*.jp*") - список файлов "*.jp*" на сервере.
Только вам рано лезть в эти файловые дела. Научитесь отображать хотя бы простые строки, вы путаетесь даже в них, в соседней теме. <_<

Проблемы с формой загрузки (выбора) файла

D-G — Wed, 17 Apr 2019 15:42:50 +0000

D-G:

Цитата Руслан @ 17.04.19, 14:54

фантастика. Файл есть, но его там нет... Вам скучно?

Я не правильно пояснил. Хоть там файл и появился после применения вашего второго варианта, но фоновое изображение не применилось. Вы же мою цитату взяли после пробы вашего первого варианта. Меня мало интересует, где находится файл, важно чтоб картинка применилась как фоновое изображение (бэкграунд).
Поэтому у меня опять вопрос, нет ли способа просто скопировать путь к файлу? Ну или как-то объединить два инпута: один с текстовым полем, другой с выбором файла?

Проблемы с формой загрузки (выбора) файла

Руслан — Wed, 17 Apr 2019 14:54:33 +0000

Руслан:

Цитата D-G @ 17.04.19, 14:17

зачем вообще качать файл на сервер, если он уже там?

:huh:

Цитата D-G @ 16.04.19, 19:09

Мне казалось, что вот это указание директории:
$uploads_dir = 'uploads';
Она у меня создана, там пусто

:scratch:

фантастика. Файл есть, но его там нет... Вам скучно? :huh:

Проблемы с формой загрузки (выбора) файла

D-G — Wed, 17 Apr 2019 14:17:53 +0000

D-G:

Цитата Руслан @ 16.04.19, 14:08

ну а перемещать из временного хранилища можно вот такой функцией

Все никак не могу понять, зачем вообще качать файл на сервер, если он уже там? Ведь если я прописываю путь в файле стилей, то файл никуда не качается, он просто берется прямо из указанной папки. Может есть способ выбрать файл и скопировать путь до него и вставить в текстовое поле?

Проблемы с формой загрузки (выбора) файла

D-G — Wed, 17 Apr 2019 10:35:21 +0000

D-G:

Цитата Руслан @ 16.04.19, 20:16

Попробуйте так:

Не выходит, пишет замечание про эти строки:
.wrap {background:'.$wcolor.';
background-image:'.$wbgimg.';
color:'.$wtextcolor.';
width:'.$wwidth.';
}

Notice: Undefined variable: wcolor on line 37

Notice: Undefined variable: wbgimg on line 38

Notice: Undefined variable: wtextcolor on line 39

Notice: Undefined variable: wwidth on line 40

При нажатии на "Сменить" пишет:

Notice: Array to string conversion on line 38

Проблемы с формой загрузки (выбора) файла

Руслан — Tue, 16 Apr 2019 20:16:25 +0000

Руслан:

Цитата D-G @ 16.04.19, 19:09

Она у меня создана, там пусто

Попробуйте так:

if (isset($_FILES['wbgimg'])) {

$wbgimg=$_FILES["wbgimg"];

$uploads_dir = 'uploads/';

if(!$_FILES["wbgimg"]["error"])

{

$FileName_tmp_InServer=$_FILES["wbgimg"]["tmp_name"];

$FileName_Dest_InServer=$_FILES["wbgimg"]["name"];

move_uploaded_file($FileName_tmp_InServer, $uploads_dir.$FileName_Dest_InServer);

}

Проблемы с формой загрузки (выбора) файла

D-G — Tue, 16 Apr 2019 19:09:04 +0000

D-G:

Цитата Руслан @ 16.04.19, 18:40

Вот куда вы его отправили?

Мне казалось, что вот это указание директории:

$uploads_dir = 'uploads';

Она у меня создана, там пусто

Проблемы с формой загрузки (выбора) файла

Руслан — Tue, 16 Apr 2019 18:40:41 +0000

Руслан:

Цитата D-G @ 16.04.19, 18:17

Как можно ещё проверить дальнейшую судьбу файла?

Проверить наличие файла в том каталоге куда вы его отправили. Вот куда вы его отправили? :huh:

Проблемы с формой загрузки (выбора) файла

D-G — Tue, 16 Apr 2019 18:17:28 +0000

D-G:

Цитата Руслан @ 16.04.19, 14:08

Всё несколько сложней, чем казалось, меняя тип инпута "text" на "file"? :rolleyes:

Ну так, никто и не говорил, что жизнь проста для неуча )
Я как всегда тороплюсь и возможно делаю очередную глупость, но поменяв вот так я ничего не добился:

if (isset($_FILES['wbgimg'])) {$wbgimg=$_FILES["wbgimg"] ;

$uploads_dir = 'uploads';

foreach ($_FILES["wbgimg"]["error"] as $key => $error) {

if ($error == UPLOAD_ERR_OK) {

$tmp_name = $_FILES["wbgimg"]["tmp_name"][$key];

$name = $_FILES["wbgimg"]["name"][$key];

move_uploaded_file($tmp_name, "$uploads_dir/$name");

var_dump($_FILES["wbgimg"]);

}

var_dump($_FILES["wbgimg"]);

}

Отчет приходит такой же как и раньше. Как можно ещё проверить дальнейшую судьбу файла?
И ещё, ведь если просто в текстовом поле прописать путь к файлу, то фон применяется, при этом файл на сервер не грузится. Вот отчет команды

var_dump($_POST['wbgimg']);

string(20) "url(image/gory8.jpg)"

Может есть вариант выбора и копирования пути?

Проблемы с формой загрузки (выбора) файла

Руслан — Tue, 16 Apr 2019 14:08:18 +0000

Руслан:

Цитата D-G @ 16.04.19, 08:54

Вот что получилось

Угу, это так сказать структура и содержимое массива $_FILES['wbgimg'] - данные по файлу, который передали на сервер. :)

$_FILES['wbgimg']['name'] - имя исходного файла.
$_FILES['wbgimg']['error'] - 0 если все нормально, или код ошибки.
$_FILES['wbgimg']['tmp_name'] - куда, и под каким именем файл ВРЕМЕННО размещен на сервере. Отсюда файл следует переместить куда нибудь.

ну а перемещать из временного хранилища можно вот такой функцией: move_uploaded_file.

Всё несколько сложней, чем казалось, меняя тип инпута "text" на "file"? :rolleyes:

Проблемы с формой загрузки (выбора) файла

D-G — Tue, 16 Apr 2019 08:54:18 +0000

D-G:

Цитата Руслан @ 15.04.19, 20:52

if (isset($_FILES['wbgimg'])) {var_dump($_FILES['wbgimg']);}

Вот что получилось

array(5) { ["name"]=> string(9) "gory8.jpg" ["type"]=> string(10) "image/jpeg" ["tmp_name"]=> string(24) "D:\xampp\tmp\phpC238.tmp" ["error"]=> int(0) ["size"]=> int(874704) }

Иногда вместо ["tmp_name"]=> string(24) выдает ["tmp_name"]=> string(23)

Проблемы с формой загрузки (выбора) файла

Руслан — Mon, 15 Apr 2019 20:52:29 +0000

Руслан:

Цитата D-G @ 15.04.19, 19:37

Попробуйте

Когда из браузера передается Когда вы используете точней примерно так:

if (isset($_FILES['wbgimg'])) {var_dump($_FILES['wbgimg']);}

Проблемы с формой загрузки (выбора) файла

D-G — Mon, 15 Apr 2019 19:37:38 +0000

D-G:

Цитата Руслан @ 15.04.19, 19:28

Загружаются на сервер? :huh: Чёт сомневаюсь!

Попробуйте, могу и скрин выложить, фон применяется, хоть для боди, хоть для квадрата

Проблемы с формой загрузки (выбора) файла

Руслан — Mon, 15 Apr 2019 19:28:15 +0000

Руслан:

Цитата D-G @ 15.04.19, 18:52

зато если вручную вбить путь до файла и имя файла, то изображение загружается и фот применяется

Загружаются на сервер? :huh: Чёт сомневаюсь! :scratch:

Проблемы с формой загрузки (выбора) файла

D-G — Mon, 15 Apr 2019 18:52:55 +0000

D-G:

Цитата Руслан @ 15.04.19, 18:12

Дык элемент

Это я понимаю, зато если вручную вбить путь до файла и имя файла, то изображение загружается и фот применяется

Цитата Руслан @ 15.04.19, 18:12

Возможно ваш пхп скрипт не обрабатывает файл? :-? Вы проверили, файл вообще приходит на сервер?

Честно говоря даже не знаю как это сделать, но фон не применяется

Проблемы с формой загрузки (выбора) файла

Руслан — Mon, 15 Apr 2019 18:12:40 +0000

Руслан:

Цитата D-G @ 15.04.19, 17:28

видно, что файл выбран, но при нажатии на "Сменить" изображение не применяется

Возможно ваш пхп скрипт не обрабатывает файл? :-? Вы проверили, файл вообще приходит на сервер?

Цитата D-G @ 15.04.19, 17:28

А вот в таком виде нет клавиши "Обзор"

Дык элемент

Проблемы с формой загрузки (выбора) файла

D-G — Mon, 15 Apr 2019 17:28:37 +0000

D-G:

Цитата Руслан @ 15.04.19, 14:01

Что у вас не получается?

Если пишу вот так:

Фоновое изображение: <input name="wbgimg" value="" type="file"><br>

то не работает, видно, что файл выбран, но при нажатии на "Сменить" изображение не применяется
А вот в таком виде нет клавиши "Обзор"

Фоновое изображение: <input name="wbgimg" value="" type="text"><br>

Проблемы с формой загрузки (выбора) файла

Руслан — Mon, 15 Apr 2019 14:01:59 +0000

Руслан: D-G, так в чем сложность? Что у вас не получается?

Проблемы с формой загрузки (выбора) файла

D-G — Sun, 14 Apr 2019 17:35:27 +0000

D-G: Продолжаю вопросы новичка.
Есть файл index.php В нем есть формы для настройки различных элементов (классов) на странице, напр, цвет фона, цвет текста, размер, прочее... Захотел сделать ещё и поле для использования фонового изображения. Если после прописать type="file", то пропадает текстовое поле рядом, выбор файла происходит, его название прописывается рядом с кнопкой выбора, но при нажатии клавиши "сменить" (она меняет все остальные параметры) ничего не происходит. Значение пробовал забирать и методом $_POST и с помощью $_FILES. Вот такой код (файл стилей не обязательный):

<head>

</head>

<div>

<?php

if (isset($_POST['bodystyle'])) {$bodystyle=$_POST['bodystyle'];} /* Задаю первое условие и проверяю, что введено и присваиваю значение */

elseif (empty($bodystyle)) /* Проевряю не пустая ли строка, если пустая - ниже оставляю пустым значение переменной */

{

$bodystyle='';

}

/* Как правильно то сказать? Инициирую применение стиля */

echo '<style type="text/css";>

body {background:'.$bodystyle.';}

</style>';

<?php

if (isset($_POST['wcolor'])) {$wcolor=$_POST['wcolor'] ;}

elseif (empty($wcolor))

{

$wcolor='';}

if (isset($_POST['wtextcolor'])) {$wtextcolor=$_POST['wtextcolor'] ;}

elseif (empty($wtextcolor))

{ $wtextcolor='';}

if (isset($_POST['wwidth'])) {$wwidth=$_POST['wwidth'] ;}

elseif (empty($wwidth))

{

$wwidth='';

}

if (isset($_POST['wbgimg'])) {$wbgimg=$_POST['wbgimg'] ;}

elseif (empty($wbgimg))

{

$wbgimg='';

}

echo '<style type="text/css";>

.wrap {background:'.$wcolor.';

background-image:'.$wbgimg.';

color:'.$wtextcolor.';

width:'.$wwidth.';

}

</style>';

цвет фона для БОДИ:<input name="bodystyle" value="" type="text">

</form>

цвет фона для Квадрата:<input name="wcolor" value="" type="text"><br>

Фоновое изображение: <input name="wbgimg" value="" type="file"><br>

цвет текста внутри квадрата:<input name="wtextcolor" value="" type="text"><br>

ширина квадрата:<input name="wwidth" value="" type="text">

</form>

</div>

Причем, если в строке Фоновое изображение:
меняю file на text, то естественно появляется текстовое поле и в нем можно вбить вручную путь к картинке, а потом её применить.
Метод с $_FILES пробовал следущими способами:

if (isset($_POST['wbgimg'])) {$wbgimg=$_FILES['wbgimg'] ;}

elseif (empty($wbgimg))

{

$wbgimg='';

}

if (isset($_FILES['wbgimg'])) {$wbgimg=$_FILES['wbgimg'] ;}

elseif (empty($wbgimg))

{

$wbgimg='';

}