Как парсить url и получить все в json формате?

Question

[hollanditkzn]

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

обратно получаешь путь до файла на сервере в json формате, парсишь(получаешь чистый урл до изображения), передаешь яваскрипту который обрабатывает картин

$("#fileForm").on("change",function(e){
						e.preventDefault();
						var fromData = new FormData($(this)[0])

						$.ajax({
							url: "unloade.php",
							type: "POST",
							data: fromData,
							processData: false,
							contentType: false,
							success: function (data){
								$("#imageDownload").text(data);
								alert("Отправлено");
							}
						});
					});

<?php 
	if (isset($_FILES["photo"])) {
		$file=$_FILES["photo"]["tmp_name"];
		json_encode($file);
		var_dump(json_encode($file));
	} else {
		echo "Файл не отправлен";
	}
?>

Подскажите я правильно иду или нет. Если нет то подскажите что нужно добавлять

Comments

[hollanditkzn]

особенно с парсингом не разу не сталкивался, немного не понятно

[hollanditkzn]

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

Answer 1

[Stalker_RED]

Вопрос не соответствует заголовку.
Парсить ссылку на php при помощи php.net/manual/ru/function.parse-url.php
На js Можно создать новыю ссылку <a> и потом использовать его методы https://developer.mozilla.org/en-US/docs/Web/API/H...

По поводу самого вопроса:
Идете почти правильно, но ряд шагов пропущен.

1. Нет проверки загруженного файла, может там и не картинка вовсе.
2. Отдавать tmp_name на клиент - бессмысленно. Сперва нужно сделать move_uploaded_file()
3. var_dump() не нужен. Отдавайте сам json. И к нему еще заголовки нужны, по хорошему.
4. Вместо echo "Файл не отправлен" лучше отдавать json с ошибкой. Вы же потом планируете ее через js показывать?

Пример standalone ф-ции проверяющей и сохраняющей картинку: pastebin.com/EGUN8mLK
Пример отправки json на клиент: pastebin.com/wzF0Ec7K

На счет статуса в json, псевдокод:

if ( /* успешно загружено */) {
    $response = [
      'status' => 'ok',
      'url' => $url
    ];
  } else {
    $response = ['status' => 'error'];
  }
  sendJson(response);

И на стороне клиента:

$.ajax({
  ...
  success: function (data){
  	if(data.status == 'ok') {
  		$('myPreview').attr('src', data.url)
		} else {
    	// показать ошибку
		}
  }
});

Comments

[hollanditkzn]

1. Я в html использую accept="image/jpeg,image/png"ю Или он не поможет?
2 Немного не понятно что куда вставить, примерно у меня код в php должен быть примерно таким?

if (isset($_FILES["photo"])) {
		$fileName = $_FILES["photo"]["name"];
		$fileTmp=$_FILES["photo"]["tmp_name"];
		$fileUploade = move_uploaded_file($fileName, $fileTmp);
		echo json_encode($fileUploade);
	} else {
		echo json_last_error();
	}

[hollanditkzn]

4 да, совершенно верно

[hollanditkzn]

Все только что увидел ответ примерно,сейчас проверю

[Stalker_RED]

hollanditkzn:
1. я в dev-tools браузера могу убрать этот ваш accept. Или могу вообще не через браузер файл отправить, curl'ом, например. И в этом файле может быть не картинка, а shell-скрипт.

2. это уже больше похоже, но, в новом имени файла должен быть еще и путь к папке, куда вы хотите картинку сохранить.

И перед отправкой json желательно заголовок отправить, типа Content-Type: application/json. подробнее посмотрите в примере, который я линканул. Там-же параметры для правильного кодирования всяких проблемных символов в json.

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

[hollanditkzn]

2. это уже больше похоже, но, в новом имени файла должен быть еще и путь к папке, куда вы хотите картинку сохранить.
Такой вопрос задам, путь указать примерно в open server будет хранится в этой папке temp C:\OpenServer\userdata\temp\php522E.tmp, или можно сразу указывать с корневой папки сайта?
там допустим есть в папке сайта папка image, мне нужно толкьо указать "/image/"? или полный путь к этой папке?

[Stalker_RED]

hollanditkzn: Можно и так и этак. При некоторых настройках сервера относительные пути могут чудить, поэтому лучше вычислять абсолютный, на основе $_SERVER['DOCUMENT_ROOT'] или __DIR__ или еще какого-нибудь из пары десятков способов составить этот путь.

[hollanditkzn]

Тогда такой вопрос, у меня выходит false в коде move_uploaded_file($fileName, $uploadFile);
$fileName = $_FILES["photo"]["name"];
$uploadFile = "C:\OpenServer\domains\futbolka\image\img";

[hollanditkzn]

Она так и должна отображать true или false?

[hollanditkzn]

Stalker_RED немного не пойму как код построить в php

if (isset($_FILES["photo"])) {
		$fileName = $_FILES["photo"]["name"];
		$fileTmp=$_FILES["photo"]["tmp_name"];
		$uploadFile = "/futbolka/image/img/";
		$fileUploade = move_uploaded_file($fileTmp, $fileName);
		echo $fileUploade;
		echo json_encode($fileUploade);
		if ($fileUploade = true) {
			$response = [
			"status"=> "ok",
			"url"=> $fileUploade
			];
		} else{
			$response = ["status" => "error"];
		}
		sendJson(response);
	}

Вот такая конструкция должна получится как понимаю?

[hollanditkzn]

с путями скорее всего разобрался, прописал таким образом $fileUploade = move_uploaded_file($fileTmp, "C:/OpenServer/domains/futbolka/image/img/".$fileName);

[hollanditkzn]

Просто в примере псевдокласса немного не понятно, откуда берется response?

[hollanditkzn]

и $url я взявляю саму ссылку которая имеется в переменной у меня $uploadeFile?

[hollanditkzn]

В этом случа выходит всегда alert Ошибка

("#fileForm").on("change",function(e){
						e.preventDefault();
						var fromData = new FormData($(this)[0])

						$.ajax({
							url: "unloade.php",
							type: "POST",
							data: fromData,
							processData: false,
							contentType: false,
							success: function (data){
								if (data.status == "OK") {
									$("#urlAdress").attr("src", data.url);
									alert("Отправлено");
								} else{
									alert("Ошибка");
								}

								// $("#imageDownload").text(data);
								// alert("Отправлено");
							}
						});
					});

[Stalker_RED]

hollanditkzn:
>> откуда берется response?
Там же две строчки с $response = ...
Одна на случай успешной загрузки, другая - на случай неудачи.

>> всегда alert Ошибка
в случае ошибки, вы можете пробрасывать не просто status = 'error', но и описание самой ошибки.

[hollanditkzn]

>> всегда alert Ошибка
в случае ошибки, вы можете пробрасывать не просто status = 'error', но и описание самой ошибки.
Это примерно как сделать, прописать вот такой код?

else{
      $response = ["status" => "error"];
    switch (json_last_error()) {
        case JSON_ERROR_NONE:
            echo ' - Ошибок нет';
        break;
        case JSON_ERROR_DEPTH:
            echo ' - Достигнута максимальная глубина стека';
        break;
        case JSON_ERROR_STATE_MISMATCH:
            echo ' - Некорректные разряды или не совпадение режимов';
        break;
        case JSON_ERROR_CTRL_CHAR:
            echo ' - Некорректный управляющий символ';
        break;
        case JSON_ERROR_SYNTAX:
            echo ' - Синтаксическая ошибка, не корректный JSON';
        break;
        case JSON_ERROR_UTF8:
            echo ' - Некорректные символы UTF-8, возможно неверная кодировка';
        break;
        default:
            echo ' - Неизвестная ошибка';
        break;
}

Или как-то по другому? И второй момент как парсить ссылку? я так и не разорался?

[hollanditkzn]

Stalker_RED Я уже запутался что к чему сейчас просто

[Stalker_RED]

hollanditkzn: Смешались в кучу кони, люди...

1. Вы хотите вывести сообщение с ошибкой в интерфейсе, или с какой целью вы делаете эти ваши echo ' - Неизвестная ошибка';? Вы понимаете, что echo "..." отдаст браузеру строку текста а не json?

2. Какую ссылку вы хотите парсить?

[hollanditkzn]

Stalker_RED: success: function (data){
var data = data;
var event = JSON.parse(data);
$("#imageDownload").text(event.url);
$("#urlAdress").attr("src", event.url);
alert("Отправлено"+event.url);
}

А в php я сделал примерно вот так
if (isset($_FILES["photo"])) {
$fileName = $_FILES["photo"]["name"];
$fileTmp=$_FILES["photo"]["tmp_name"];
$uploadDir = $_SERVER['DOCUMENT_ROOT']."/image/img/".$fileName;
$fileUploade = move_uploaded_file($fileTmp, $uploadDir);
if ($fileUploade == true) {
$response = [
"status"=> "ok",
"url"=> $uploadDir
];

} else {
$response = ["status" => "error"];
}
echo json_encode($response);
}

Теперь стоит задача это вывести картинку, но у меня выходит вот такая ошибка
Not allowed to load local resource: file:///C:/OpenServer/domains/futbolka/image/img/65.png

Как понимаю это надо делать через data:URL?
Я этот метод увидел на другихсайтах, как было реализована у них img

[Stalker_RED]

hollanditkzn:

$response = [
"status"=> "ok",
"url"=> "/image/img/".$fileName
];

Тогда при загрузке файла "myPicture.jpg" в src картинки будет "/image/img/myPicture.jpg", что и требовалось.

А теперь придирки:
1. Переменная называется $uploadDir, что подразумевает папку для загрузок файлов, а на самом деле там путь к файлу.
2. При составлении этого пути не используется даже basename, не говоря уж про более тщательные проверки. Т.е. достаточно при загрузке подделать имя файла указав что это не "myPicture.jpg", а например "../../shellscript.php" и вот он уже загружен не в папку /image/img, а в корень сайта. Можно даже index.php заменить!
3. json все еще без заголовков, но пока работает - фиг с ним.

[hollanditkzn]

о, все заработало, то есть только надо было в одном месте поменять "url"=> "/image/img/".$fileName. То есть правильно я понял верно?
Второй момент на счет json все еще без заголовков, у меня выходит ошибка, если я правильно понял это вот эта ссылка pastebin.com/wzF0Ec7K ?

[hollanditkzn]

Stalker_RED: точнее она у меня не отобразилась полностью, вот это pastebin.com/wzF0Ec7K

[Stalker_RED]

hollanditkzn: Что такое заголовки вообще: https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%B3%D...

Почему они нужны json-у https://www.ietf.org/rfc/rfc4627.txt

Как отправить заголовки из php php.net/manual/ru/function.header.php

Работающий пример я уже линковал, вы правильно поняли.

[hollanditkzn]

Stalker_RED: Позже прочту, сейчас главное это сделать. Потом можно подумать о безопасности

[Stalker_RED]

hollanditkzn: Если это лабораторка или проект для "поиграться и выбросить", то конечно на нее плевать. но если это когда-нибудь будет работать в интернете, то любой 12-летний китайский кулхацкер со сканером безопасности превратит ваш сайт в тыкву.

[hollanditkzn]

Stalker_RED: Нет он будет в интернете, пока что рабочая версия идет конструктора, а потом буду дорабатывать его

12-летний китайский кулхацкер

))))

[Stalker_RED]

hollanditkzn: Это не совсем шутка. Если у вас белый внешний айпи, и если у него есть логи, посмотрите с каких стран вас сканят. Китайцы чуть ли не чаще всего остального мира сканят адреса наугад. А сканеры безопасности сейчас могут не только найти дыру и дать ссылку на описание эксплоита, но в ряде простых случаев позволяют проэксплуатировать эту дыру в один клик.

[hollanditkzn]

Stalker_RED: Как я понял, мне нужно добавить в php добавить примерно вот такой скрипт?
header('Content-Type: application/json; charset=utf-8', true, 200);

[Stalker_RED]

hollanditkzn: Да. Хотя это не тянет на "скрипт".

[hollanditkzn]

Stalker_RED: Да еще такой вопрос, а хранить файлы не во временном хранилище это хорошо, как понимаю сайт может быть тяжелым или дисковое пространство будет увеличиватся? Просто это немного не пойму

[Stalker_RED]

hollanditkzn: Не понял вопрос. Может быть тяжелым а может и не быть. Откуда мне знать какой вы делаете сайт?

[hollanditkzn]

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

[hollanditkzn]

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

[Stalker_RED]

hollanditkzn: Ну будете тогда удалять старые изображения, если посетителей много, а денег на диск нет.

[hollanditkzn]

Stalker_RED: ясно, просто те которые не заказывают, а просто поиграться захотели или не смогли создать свой дизайн, а на диске осталось изображение это же тоже не есть хорошо?

[hollanditkzn]

Stalker_RED: Я как думаю что временное хранилище она будет удалять старые или нет?

[Stalker_RED]

hollanditkzn: Кто "она"? Вы о каком-то конкретном хранилище говорите?

[hollanditkzn]

Stalker_RED: Нет обычное временное хранилище tmp

[Stalker_RED]

hollanditkzn: Если вы о той папке temp, куда php изначально складывает файлы при аплоаде (в вашем случае C:\OpenServer\userdata\temp\), то они удаляются сразу после окончания обработки запроса. Т.е. в норме они там и секунду не пролежат.

Кроме того, при нормальных настройках вебсервера, он их не отдаст по http.

А вы вроде как планируете их показывать на сайте и еще как-то использовать..

[hollanditkzn]

понял