Input type file. Как работает?

328
20 февраля 2018, 05:36

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

Простой пример:

<input type="file" name="myImage" accept="image/*" >

Когда пользователь выбирает картинку, то соответственно я могу отследить файл в скрипте:

$('input[name=myImage]').change(function () {
    var files = this.files;
    ....
});

Но я не совсем понимаю как работает момент загрузки файлов. После того, как польователь выбрал файл(ы), далее что происходит? Те объекты, которые я обрабатываю в срипте, они ссылаются на файлы локального диска пользователя, или же на их копию в браузере, а она соответственно загружается, что требует времени?

Вопрос возник от того, что я не понимаю, в таком варианте отправки на сервер (не аяксом), возможно ли (нужно?) реализовать визуализацию процесса загрузки (загружено 30% из 100%).

READ ALSO
Как заполнить формы на сайте текстовыми данными, которые у меня в программе, но не делать запрос

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

Имеются текстовые данные на компеМне нужно вбить их в поля на сайте, просто написать их в эти поля, без сохранения , т

262
Вывод содержимое поля типа TEXT в div

Вывод содержимое поля типа TEXT в div

Имеется таблица с полями id, fname, name и history (TEXT)На странице имеется 2 div-блока

331
Изменение высоты элемента

Изменение высоты элемента

Подскажите, пожалуйста, что установилось - высота документа или высота окна?

273
Работа с &lt;meta name=&ldquo;viewport&rdquo;&gt;

Работа с <meta name=“viewport”>

При начальной загрузке с мобильного устройства сайт открывается вот так:

271