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

Question

Bonifase @Bonifase

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

Приветствую! Есть всплывающее окно где показаны картинки, нужно сделать там кнопку при нажатии которая позволяла бы загружать картинки на сервер (папки) подскажите какие у вас идеи насчёт реализации?

Вопрос задан более года назад
407 просмотров

3 комментария

Подписаться 2 Простой 3 комментария

Bonifase @Bonifase Автор вопроса

<head>
  <meta charset="utf-8" />
  <title>Загрузка файла</title>
 </head>
 <body>
  <form enctype="multipart/form-data" method="post">
   <p>Загрузите ваши фотографии на сервер</p>
   <p><input type="file" name="photo" multiple accept="image/*,image/jpeg">
   <input type="submit" value="Отправить"></p>
  </form>
 </body>

Написано более года назад

Bonifase @Bonifase Автор вопроса

Bonifase, при выборе файла и нажатии кнопки отправить, файл должен загрузиться на сервер, как это реализовать? (

Написано более года назад
Stalker_RED @Stalker_RED

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

Написано более года назад

Пригласить эксперта

Ответы на вопрос 1

9 комментариев

Bonifase @Bonifase Автор вопроса

Да, простейшее решение, но так он на сервер ничего не загружает, пишет "файл загружен" но в папке файла нет

Написано более года назад
Григорий Васильков @gzhegow

Bonifase, да, добавляем "выпилить старый код" или "найти того кто помнит как он там работает"

Написано более года назад
Дмитрий @Compolomus Куратор тега PHP

Bonifase, показывайте код

Написано более года назад

Bonifase @Bonifase Автор вопроса

Дмитрий,

</script> 
<form action="/adm/browse.php?path=<?=$_GET['path']?>" method="post"  onsubmit="return check_fields();"> 
<input type="text" name="dirname" id="dirname" value="" style="background:#e1fbff; border:1px solid #42909c"  /> 
<input type="submit" value="Новая папка" style="background:#e1fbff; padding-bottom:1px; border:1px solid #42909c; color:#003; font-size:12px;" /> 
<input type="hidden" name="makedir" value="yes" /> 
</form> 
<div id="dirname_err_msg" style="color:#990000"></div> 
</td> 
<td valign="top" width="100" align="left"/> 
 
<body>  
 <?php  
  
$uploadDir = "uploads/";  
$uploadFile[$i] = $uploadDir . basename($_FILES['file']['name'][$i]);  
if(move_uploaded_file($_FILES['file']['tmp_name'][$i], $uploadFile[$i])) {  
echo "Успешно загружен";  
}  
  
?>  
 
  
<form method="post" enctype="multipart/form-data">  
 <input type="file" name="filename" size="10" /><br /><br />  
<input type="submit" value="Загрузить" />  
</form>  
</body>  
 
 
<script type="text/javascript"> 
 
 
 
 
 
 
 
 
 
$('ul#third a').imgPreview({ 
    containerID: 'imgPreviewWithStyles', 
    imgCSS: { 
        // Limit preview size: 
        height: 200 
    }, 
    // When container is shown: 
    onShow: function(link){ 
        // Animate link: 
        $(link).stop().animate({opacity:0.4}); 
        // Reset image: 
        $('img', this).stop().css({opacity:0}); 
    }, 
    // When image has loaded: 
    onLoad: function(){ 
        // Animate image 
        $(this).animate({opacity:1}, 300); 
    }, 
    // When container hides:  
    onHide: function(link){ 
        // Animate link: 
        $(link).stop().animate({opacity:1}); 
    } 
}); 
</script> 
<div id="content"> 
 <form>  
   
 </form> 
 <div id="divFileProgressContainer" style="height: 75px; display:none;"></div> 
 <div id="thumbnails"></div> 
</div> 
 
</td> 
</tr> 
</table> 
 
<script src="/adm/browser_files/jquery.js" type="text/javascript"></script> 
<style type="text/css">          
            /* RULES FOR IMAGE PREVIEW, NOT REQUIRED: */ 
            #imgPreviewWithStyles, 
            #imgPreviewWithStyles2, 
            #imgPreviewWithStyles3 { 
                background: #000 url(img/loading.gif) no-repeat center; 
                -moz-border-radius: 6px; 
                -webkit-border-radius: 6px; 
                padding: 6px; 
                z-index: 999; 
                border: none; 
            } 
            #imgPreviewWithStyles span, 
            #imgPreviewWithStyles2 span, 
            #imgPreviewWithStyles3 span { 
                color: white; 
                font-size: 1em; 
                text-align: center; 
                display: block; 
                padding: 6px 0 3px 0; 
            } 
             
            .loading { 
                height: 32px; 
                width: 32px; 
            } 
   ul { 
    list-style:none; 
    margin-left:-30px; 
   } 
   #third td { 
    background-color:#e1fbff;  
   } 
</style>

Написано более года назад

Bonifase @Bonifase Автор вопроса

Григорий Васильков, кстати, на сайте до этого был flash, но как вы знаете он не работает с 2020, нужно каким-то образом убрать его и вместо него под эту кнопку добавить загрузчик

Написано более года назад
Дмитрий @Compolomus Куратор тега PHP

Bonifase, ну тут банальная загрузка картинок даже без проверок
https://qna.habr.com/q/673461#answer_1463090 примерчик

Написано более года назад
Bonifase @Bonifase Автор вопроса

Дмитрий, добавил ваш код, страницы не открывается, не могу найти почему

Написано более года назад
Bonifase @Bonifase Автор вопроса

Дмитрий, http error 500

Написано более года назад
Дмитрий @Compolomus Куратор тега PHP

Bonifase, читайте логи

Написано более года назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Простой
Как в axios сделать подобный url?
- 1 подписчик
- час назад
- 21 просмотр
0

ответов
HTML

+1 ещё

Простой
Почему схлопываются внешние отступы соседних элементов?
- 1 подписчик
- 5 часов назад
- 38 просмотров
0

ответов
PHP

Простой
Как решать эту проблему GD?
- 1 подписчик
- 8 часов назад
- 43 просмотра
1

ответ
PHP

+2 ещё

Простой
Как решить проблему с php?
- 1 подписчик
- вчера
- 137 просмотров
1

ответ
PHP

Простой
Как разделить данные с авторизацией и без?
- 1 подписчик
- вчера
- 74 просмотра
0

ответов
PHP

+1 ещё

Простой
Почему библиотека GD не работает на новый версия?
- 1 подписчик
- вчера
- 47 просмотров
1

ответ
HTML

+2 ещё

Простой
Почему моргает видеофон на сайте?
- 1 подписчик
- вчера
- 78 просмотров
0

ответов
JavaScript

Простой
Как вывести фотографии из папки или из контейнера последовательно с отработкой на каждой анимации?
- 1 подписчик
- вчера
- 40 просмотров
1

ответ
PHP

Средний
Почему неправильно работает авторизация через jwt токен?
- 1 подписчик
- вчера
- 75 просмотров
1

ответ
JavaScript

Простой
Как проверить три последние цифры числа и по условию изменить их?
- 1 подписчик
- вчера
- 142 просмотра
2

ответа
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Senior Fullstack JavaScript Node.js + React

Simplenight inc.

от 4 000 до 6 500 $

Название проекта: Бот Telegram для автоматизации судебных приказов

05 мая 2024, в 02:15

30000 руб./за проект

Десктоп приложение для добавления товаров на Python

05 мая 2024, в 01:43

5000 руб./за проект

Разработка 3D моделей

05 мая 2024, в 01:37

1500 руб./за проект

<head> <meta charset="utf-8" /> <title>Загрузка файла</title> </head> <body> <form enctype="multipart/form-data" method="post"> <p>Загрузите ваши фотографии на сервер</p> <p><input type="file" name="photo" multiple accept="image/*,image/jpeg"> <input type="submit" value="Отправить"></p> </form> </body>
Bonifase, при выборе файла и нажатии кнопки отправить, файл должен загрузиться на сервер, как это реализовать? (
Bonifase, написать (или выбрать и установить) код загрузчика на стороне сервера, конечно-же. Мы даже не знаем какой у вас сервер, и угадывать ленимся.

Answer 1 · 2022-10-16 15:03:17

Простейшая реализация

<form type="multipart/form-data">
<input type="file" multiple="multiple" />
<button type="submit" />
</form>

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

Задача лютой сложности для тех, кто все это не знает, хотя кажется "загрузить картинки".

Без знаний простейшая реализация - "дайте доступ на сервер, я вам картинки закачаю и на сайте выведу, разово". В менее запущенных случаях "делаем скрипт, в который можно отправить зип архив с картинками", это проще, но если им самим разрешить это делать - они запорют.

Есть мааааленькая вероятность, что ваш старый код уже работает и нужно только какую-то строку исправить. Проверяйте удачу!

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт