Progressbar

@bb_oo · Регистрация: 22.11.2013

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

Подскажите. Как сделать. Имеется например див 400x400. При перетакскивании на него картинки (droggable вроде называется эта фишка) должен появиться progreesbar, в котором будет отображено сколько из скольких загружено МБ\ГБ. + Отображаались проценты всего этого процесса.
И еще интересует. Как можно сделать небольшую диаграммку progressbar`a? Я не прошу Вас писать код, хотябы покажите куда копать?

@Lazy_Den · 28.04.2014, 16:06

Сообщение от bb_oo

хотябы покажите куда копать?

В этой статье - Чтение файлов в JavaScript с помощью API файлов - вы найдёте некоторые ответы. И как дополнение, смотрите тут.

@bb_oo · 28.04.2014, 17:57 **[ТС]**

Вроде бы то, что нужно. Но написано "Чтение локальных файлов". А если я на сайт себе кину, который на хостинге, он будет обрабатывать с той скоростью, которая = его инету или как?

@Lazy_Den · 28.04.2014, 18:16

Сообщение от bb_oo

он будет обрабатывать с той скоростью, которая = его инету или как?

Сколько заливается на сервер за определенный промежуток времени, столько и учитывается. И понятное дело, что от скорости соединения юзера - это зависит.

@bb_oo · 28.04.2014, 18:24 **[ТС]**

хорошо. А как сделать, чтобы оно сохранялось в папку на сервере. Например в папку "uploads"?

Добавлено через 12 секунд
это уже средствами PHP нужно будет?

@Lazy_Den · 28.04.2014, 18:26

Сообщение от bb_oo

А как сделать, чтобы оно сохранялось в папку на сервере.

Это уже дело серверной части. Тем же ajax-ом передаете файл на сервер, а там обрабатываете его так же, как если бы файл был отправлен из обычной формы.

Добавлено через 14 секунд

Сообщение от bb_oo

это уже средствами PHP нужно будет?

Да.

@bb_oo · 28.04.2014, 18:34 **[ТС]**

спасибо) буду переваривать)

Добавлено через 7 минут
я вот нашел туториал на тему, которая как раз мне нужна. В общем все ок, но у меня не сохраняется в папку uploads. Не знаешь в чем может быть проблема?
http://vladmaxi.net/web-develo... fekty.html

@Lazy_Den · 28.04.2014, 18:47

Сообщение от bb_oo

Не знаешь в чем может быть проблема?

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

PHP
1
2
3
4
if(move_uploaded_file($_FILES['upl']['tmp_name'], $_SERVER['DOCUMENT_ROOT'].'/uploads/'.$_FILES['upl']['name'])){
    echo '{"status":"success"}';
    exit;
}

Подразумевается, что папка "uploads" лежит в корне

@bb_oo · 28.04.2014, 20:22 **[ТС]**

Все разобрался) оказывается там просто стояли "допустимые расширения". Но опять же. Почему тогда не вылетела ошибка?(
И потом. Когда пробовал загрузить изображение - оно вроде бы сохраняется. Все ок.Ноо... Вместо названия краказябры блин)
Как сделать, чтобы вместо краказябр генерировалось рандомное название, но при этом, чтобы не совпадало с уже существующими?

Добавлено через 9 минут
И как здесь прописать чтобы можно было загружать любые файлы?

PHP
1
$allowed = array('png', 'jpg', 'gif','zip');

@Lazy_Den · 28.04.2014, 20:23

Сообщение от bb_oo

Как сделать, чтобы вместо краказябр генерировалось рандомное название, но при этом, чтобы не совпадало с уже существующими?

Вариантов много. Вот простейший пример:

PHP
1
$filename = md5($_FILES['upl']['name'].time());

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

Добавлено через 22 секунды

Сообщение от bb_oo

И как здесь прописать чтобы можно было загружать любые файлы?

Просто уберите проверку и всё.

@bb_oo · 28.04.2014, 20:34 **[ТС]**

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

@Lazy_Den · 28.04.2014, 20:41

Сообщение от bb_oo

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

Вот тю... У вас есть папка, в которую вы закачиваете, есть имя файла, так что мешает всё это дело совместить?

PHP
1
$path = '/uploads/'.$filename;

@bb_oo · 28.04.2014, 22:06 **[ТС]**

Подскажи пожалйуста) Где ошибка? У меня не заносятся данные в БД. Коннект вроде есть, иначе било бы ошибку.

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
<?php
 
 
 
if(isset($_FILES['upl']) && $_FILES['upl']['error'] == 0){
 
    $extension = pathinfo($_FILES['upl']['name'], PATHINFO_EXTENSION);
 
    if(move_uploaded_file($_FILES['upl']['tmp_name'], 'uploads/'.$_FILES['upl']['name'])){
 
        include '/cc.php';
 
        $fname = $_FILES['upl']['name'];
        $date = date('d:m:Y');
 
        $result = "SELECT downloads FROM uploads";
        $count = mysqli_query($str1,$result);
 
        $query = "INSERT INTO downloads VALUES ('','$fname','$date','asd')";
        mysqli_query($str1,$query);
 
        if (!$query) {
            echo 'error!';
        }
 
        echo '{"status":"success"}';
        exit;
    }
}

@Lazy_Den · 28.04.2014, 22:38

Сообщение от bb_oo

Где ошибка?

Тут надо телепатию включать. Ну, предположу, что $str1 - это у вас идентификатор соединения, который берется из подключенного файла cc.php (ничего не скажешь... осмысленно обозвали как файл, так и идентификатор). Не буду спрашивать, зачем запрос SELECT. Возможно просто, чтоб мускул не расслаблялся. В запросе INSERT, вы не указываете поля, что подразумевает обязательное перечисление значений для всех полей VALUES в том порядке, каком они идут в БД. В общем, какой-то вывод сделать сложно. У вас включен вывод всех ошибок и предупреждений?

@bb_oo · 28.04.2014, 22:46 **[ТС]**

Я забил на этот модуль, т.к. в нем много багов блин. Вобще. Проще самому писать и разбираться потихоньку)
Подскажи. Я вот с PHP не могу разобраться(
Я вот пытаюсь вывести самое последнее значение из колонки `downloads`.
Делаю так:

PHP
1
2
$count = "SELECT downloads FROM uploads ORDER BY id DESC LIMIT = 1";
$countplus = $count +1;

И в итоге у меня просто заносится 1 постоянно, а не прибавляется, как должно быть(

@Lazy_Den · 28.04.2014, 23:55

bb_oo, у вас есть поле где, как я понимаю, хранится кол-во загруженных фото. Правильно? Если да, то запрос SELECT не нужен.

SQL
1
UPDATE `uploads` SET `downloads` = `downloads` + 1 WHERE /* условие */

В этом случае, к существующему значению в поле прибавится единичка

@bb_oo · 29.04.2014, 00:02 **[ТС]**

а какое условие то?))

Добавлено через 5 минут
А почему здесь селект не нужен?
У меня в таблице таая шляпа:

id | name | date | downloads

@Lazy_Den · 29.04.2014, 00:24

Сообщение от bb_oo

У меня в таблице таая шляпа:

Я не шляпных дел мастер

Сообщение от bb_oo

а какое условие то?

Вам должно быть видней. Скорее всего с привязкой по id

SQL
1
UPDATE `uploads` SET `downloads` = `downloads` + 1 WHERE `id` = ?

@bb_oo · 29.04.2014, 00:26 **[ТС]**

Блин. Да как же Вы не поймете(((
У меня в БД будет хранится например миллион записей. Одним запросом я выбираю самую последнюю(int) и увеличиваю её на +1 единицу. это все что мне нужно!)

@Lazy_Den · 29.04.2014, 00:34

Сообщение от bb_oo

Да как же Вы не поймете(((

А как тут понять, если не известно, что и зачем вам нужно? На кой нужно выбирать последнюю запись, чтоб потом её апдейтить - не скажите? Я вам показал схему, при том рабочую схему. Если надо последнюю запись изменить, то и условие составляйте соответствующее:

SQL
1
UPDATE `uploads` SET `downloads` = `downloads` + 1 ORDER BY `id` DESC LIMIT 1

Выполните запрос в том же phpMyAdmin, запомнив перед этим значение в последней записи записи поля `downloads` и увидите результат.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

Progressbar

Решение

Решение

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762

	Progressbar 28.04.2014, 15:51. Показов 2385. Ответов 50 Метки нет (Все метки) Подскажите. Как сделать. Имеется например див 400x400. При перетакскивании на него картинки (droggable вроде называется эта фишка) должен появиться progreesbar, в котором будет отображено сколько из скольких загружено МБ\ГБ. + Отображаались проценты всего этого процесса. И еще интересует. Как можно сделать небольшую диаграммку progressbar`a? Я не прошу Вас писать код, хотябы покажите куда копать? 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	28.04.2014, 17:57 [ТС]
	Вроде бы то, что нужно. Но написано "Чтение локальных файлов". А если я на сайт себе кину, который на хостинге, он будет обрабатывать с той скоростью, которая = его инету или как? 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	28.04.2014, 18:24 [ТС]
	хорошо. А как сделать, чтобы оно сохранялось в папку на сервере. Например в папку "uploads"? Добавлено через 12 секунд это уже средствами PHP нужно будет? 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	28.04.2014, 18:34 [ТС]
	спасибо) буду переваривать) Добавлено через 7 минут я вот нашел туториал на тему, которая как раз мне нужна. В общем все ок, но у меня не сохраняется в папку uploads. Не знаешь в чем может быть проблема? http://vladmaxi.net/web-develo... fekty.html 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	28.04.2014, 20:34 [ТС]
	А как сделать, чтобы после загрузки сгенерировалась ссылка на скачивание? 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	29.04.2014, 00:02 [ТС]
	а какое условие то?)) Добавлено через 5 минут А почему здесь селект не нужен? У меня в таблице таая шляпа: id \| name \| date \| downloads 0

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	29.04.2014, 00:26 [ТС]
	Блин. Да как же Вы не поймете((( У меня в БД будет хранится например миллион записей. Одним запросом я выбираю самую последнюю(int) и увеличиваю её на +1 единицу. это все что мне нужно!) 0