Задать вопрос
@Valetorn
Начинающий frontend разработчик
javascript

Есть ли возможность загружать файлы на клиент, не используя сервер?

Всем привет. Интересует можно ли загружать файлы на страницу не используя сервер и соответственно серверные ЯП? Имеется небольшое веб-приложение (для себя и кота), хочу реализовать загрузку картинки (а желательно нескольких), чтобы при наступления события change (т.е. когда юзер нажал на input с типом file и выбрал изображение) началась его загрузка и оно отобразилось на странице в нужном блоке, сейчас используется статичная картинка которая при событии change не меняется. С серверной частью веб-приложений я совсем не дружу, но немного пишу на js, поэтому и хочется обойтись только средствами html и js. Пожалуйста, подскажите примерную реализацию или где почитать.
  • Вопрос задан
  • 601 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
EVAS
@EVAS
Буль :)
Так не подойдет ?)
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>load foto</title>
</head>
<body>
	<form id="form1" runat="server">
    <input type='file' id="imgInp" />
    <img id="blah" src="#" alt="your image" />
</form>
    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

	<script type="text/javascript">

function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

	</script>
</body>
</html>
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 3
heksen
@heksen
Если нужно отобразить изображение без загрузки его на сервер смотрите в сторону FileReader. Так-же я думаю можно сохранить изображение на клиенте в localstorage в виде base64 кодировки.
Ответ написан
Комментировать
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Ответ: можно.
ссылка
Ответ написан
Комментировать
Комментировать
lxfr
@lxfr
На клиент - можно. На сервер - нет.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Аппликация для фильтра заказов
22 дек. 2024, в 20:40
10000 руб./за проект
Расширение для Google Chrome
22 дек. 2024, в 20:34
3000 руб./за проект
Парсер-бот
22 дек. 2024, в 20:12
10000 руб./за проект
Ещё заказы