Вывод сообщения при загрузке картинки

@paskalnikita · Регистрация: 12.08.2014

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

Здравствуйте! Скажите, можно ли как-то реализовать вывод сообщения, когда я выбрал картинку для загрузки.То есть тогда, когда отображается превью картинки.

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
<?php
    function show_upload_gallery_pic_system(){
            if(!isset($_GET['pic'])){
                if(isset($_FILES['picture'])){
                    if(empty($_FILES['picture']['name'])){
                        echo "<div class='img-file-error'>Please choose a file!</div>";
                    }else{
                        $allowed = array('jpg', 'jpeg', 'gif', 'png');
                        $file_name = $_FILES['picture']['name'];
                        $file_extn = strtolower(end(explode('.', $file_name)));
                        $file_temp = $_FILES['picture']['tmp_name'];
                        if(in_array($file_extn, $allowed) === true){
                            upload_gallery_image($session_user_id, $file_temp, $file_extn);
                            echo "You uploaded photo!";
                        }else{
                            echo "<div class='img-file-error'>Incorrect file type!<br>
                                Allowed types: ";
                                echo implode(', ',$allowed);
                            echo ".</div>";
                            }
                        }
                }
                echo'<img id="previewImg" class="round" width="250px" >';
        ?>
            <form action="" method="post" enctype="multipart/form-data">
                <input type="file" accept="image/*" onchange="preview(this.value)" name="picture"><br>
                <input class='green-border' type="submit" value="Upload photo">
            </form>
        </div>
    <?php
            }
        }

Само превью рабоатает так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    function onFileSelect(e){
        var f = e.target.files[0]; // Первый выбранный файл
        if(f.type.match(/image.*/)){
            var reader = new FileReader;
            place = document.getElementById("previewImg"); // Сюда покажем картинку
            reader.readAsDataURL(f);
            reader.onload = function(e){ // Как только картинка загрузится
                place.src = e.target.result;
            }
        }
        else {
                alert('You can chose only pictures');
            };
    };
    if(window.File && window.FileReader && window.FileList && window.Blob){
        document.querySelector("input[type=file]").addEventListener("change", onFileSelect, false);
    }else{
        console.warn( "Your browser does not support FileAPI");
    };

Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ