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

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

Всем привет. Интересует можно ли загружать файлы на страницу не используя сервер и соответственно серверные ЯП? Имеется небольшое веб-приложение (для себя и кота), хочу реализовать загрузку картинки (а желательно нескольких), чтобы при наступления события change (т.е. когда юзер нажал на input с типом file и выбрал изображение) началась его загрузка и оно отобразилось на странице в нужном блоке, сейчас используется статичная картинка которая при событии change не меняется. С серверной частью веб-приложений я совсем не дружу, но немного пишу на js, поэтому и хочется обойтись только средствами html и js. Пожалуйста, подскажите примерную реализацию или где почитать.
  • Вопрос задан
  • 600 просмотров
Комментировать
Подписаться 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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить данные с сайта
26 апр. 2024, в 07:20
2000 руб./за проект
Devops для видео сервиса
26 апр. 2024, в 06:46
1000 руб./в час
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Ещё заказы