загрузка больших файлов в SPA (угловой + экспресс)

Question

Normal загрузить файл я

<form method='post' enctype='multipart/form-data'>  
    <p><input type='text', name='name'/></p>    
    <p><input type='file', name='image'/></p>  
    <p><input type='submit', value='Wyślij'/></p>  
</form> 

Что делать, если я хочу отправить эту форму без перезагрузки страницы?

Я могу использовать «новый FileReader()» и привязать base64 к $ scope, но с большими файлами он работает не очень хорошо.

Могу ли я загрузить свою форму без перезагрузки страницы аналогичным образом, как описано выше?

Answer 1

Я думаю, вы должны посмотрели на директиве, которая была создана уже ng-file-upload

Особенности

1. Поддерживает прогресс загрузки, отменяют/аварийное прекращение загрузки в процессе выполнения, перетащить файл и падение (html5) , Методы перетаскивания каталогов (webkit), CORS, PUT (html5)/POST.
2. Загрузка файла с несколькими браузерами (HTML5 и не HTML5) с файловым файлом Flash polyfill. Разрешает проверку/изменение на стороне клиента перед загрузкой файла
3. Прямая загрузка в службы db CouchDB, imgur и т. Д. С типом содержимого файла с использованием $ upload.http(). Это позволяет выполнить событие прогресса для запросов HTTP POST/PUT.
4. Отдельный файл прокладки, файлы FileAPI загружаются по требованию для кода, отличного от HTML5, что означает отсутствие дополнительной загрузки/кода, если вам просто нужна поддержка HTML5.
5. Легкий, используя обычный $ http для загрузки (с прокладкой для браузеров без HTML5), поэтому доступны все угловые функции $ http.

Answer 2

https://github.com/nervgh/angular-file-upload/ кажется обрабатывать большие файлы загруженные очень изящно