Arhn - архитектура программирования

Загружать большие файлы в SPA (угловой + экспресс)

Нормально загрузить файл я делаю

<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> 

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

Я могу использовать "new FileReader()" и привязать base64 к $scope, но с большими файлами это не работает.

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


Ответы:


1

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

Функции

  1. Поддерживает ход загрузки, отмену/прерывание загрузки во время ее выполнения, перетаскивание файлов (html5), перетаскивание каталогов (webkit), методы CORS, PUT (html5)/POST.
  2. Кроссбраузерная загрузка файлов (HTML5 и не-HTML5) с Flash-полифиллом FileAPI. Разрешает проверку/модификацию на стороне клиента перед загрузкой файла
  3. Прямая загрузка в службы БД CouchDB, imgur и т. д. с типом содержимого файла с использованием $upload.http(). Это включает событие прогресса для угловых HTTP-запросов POST/PUT.
  4. Отдельный файл прокладки, файлы FileAPI загружаются по запросу для кода, отличного от HTML5, что означает отсутствие дополнительной загрузки/кода, если вам просто нужна поддержка HTML5.
  5. Легкий, с использованием обычного $http для загрузки (с прокладкой для браузеров, отличных от HTML5), поэтому доступны все угловые функции $http.
29.03.2015
  • Протестировал их демонстрационную страницу с файлом ~ 200 МБ, остановился на 0% без прогресса. 23.04.2015

  • 2

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

    23.04.2015
    Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..