Как сделать место для загрузки изображения?

Ссылка скопирована
CSS HTML JavaScript
1 ответ

Как сделать место для загрузки изображения?

Как сделать место для загрузки изображения, а то уже всё перепробовал что знал. Буду благодарен за помощь.

Дополнительно:

уже всё перепробовал

Но, видимо, не попробовали самого главного, чего требуют правила сервиса - погуглить.
"делаем кастомные инпуты для выбора файла" - https://habr.com/ru/articles/423035/

simonenko.su/38146501854/improving-ux-for-web-form

Ответы:

Если я правильно понял вопрос. Возможно так реализовать.
(JavaScript код не обязателен для стилизации элемента загрузки файла.он может быть полезен, если вы хотите предоставить пользователю обратную связь)

<input type="file" id="imageUpload" name="imageUpload" accept="image/*">

<input type="file" id="imageUpload" name="imageUpload" accept="image/*">

input[type="file"] {     display: none; }  label {     padding: 10px;     background-color: #4CAF50;     color: white;     cursor: pointer; }  label:hover {     background-color: #45a049; }

input[type="file"] { display: none; } label { padding: 10px; background-color: #4CAF50; color: white; cursor: pointer; } label:hover { background-color: #45a049; }

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Сергей Миронов Ответ

Для создания места для загрузки изображения на веб-странице можно использовать HTML и PHP. Вот пример кода, который позволит пользователям загружать изображения на сервер:

1. Создайте HTML форму для загрузки изображения:

 

2. Создайте файл upload.php, который будет обрабатывать загруженное изображение:

 500000) {
    echo "Sorry, your file is too large.";
    $uploadOk = 0;
}
 
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
    echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
    $uploadOk = 0;
}
 
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
        echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

500000) { echo "Sorry, your file is too large."; $uploadOk = 0; } // Allow certain file formats if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif" ) { echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed."; $uploadOk = 0; } // Check if $uploadOk is set to 0 by an error if ($uploadOk == 0) { echo "Sorry, your file was not uploaded."; // if everything is ok, try to upload file } else { if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) { echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded."; } else { echo "Sorry, there was an error uploading your file."; } } ?>

3. Создайте папку "uploads" на сервере, куда будут сохраняться загруженные изображения.

После выполнения этих шагов, пользователи смогут выбирать изображения на своем устройстве и загружать их на ваш сервер. Важно учесть ограничения по размеру файла, формату файла и безопасности, чтобы избежать потенциальных уязвимостей.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Figma Баг с переносом слов в Figma? 1 ответ