На сайте потребовалось реализовать загрузку изображений, да так, чтобы было превью и прочее. Начал разбираться как это сделать и понял, что не понимаю как этот момент устроен.
Простой пример:
<input type="file" name="myImage" accept="image/*" >
Когда пользователь выбирает картинку, то соответственно я могу отследить файл в скрипте:
$('input[name=myImage]').change(function () {
var files = this.files;
....
});
Но я не совсем понимаю как работает момент загрузки файлов. После того, как польователь выбрал файл(ы), далее что происходит? Те объекты, которые я обрабатываю в срипте, они ссылаются на файлы локального диска пользователя, или же на их копию в браузере, а она соответственно загружается, что требует времени?
Вопрос возник от того, что я не понимаю, в таком варианте отправки на сервер (не аяксом), возможно ли (нужно?) реализовать визуализацию процесса загрузки (загружено 30% из 100%).
D:\Documents\Изображения\image.png
(Если не ошибаюсь)FileReader API
. ....ru.stackoverflow.com/questions/741929/… , по ссылке на мой вопрос, там и код можете посмотреть