Загрузить файл в Angular Environment

Question

Мне нужно скачать файл с сервера. Файл хранится в базе данных. У меня есть контроллер cs, который возвращает файл обратно в пользовательский интерфейс. Вызов сервера GET выглядит следующим образом:

http://server/api/controllername/fileid/data 

Это делает работу, когда я запускаю эту ссылку в браузере - файл идет вниз и переходит в область загрузки (Chrome). Но когда я отправляю ту же команду из своего кода Angualar, я не вижу никакого файла. Консоль сообщает, что мой запрос был успешным (код 200), но я просто ничего не вижу. Пожалуйста, дайте мне знать, какие фрагменты кода для публикации, чтобы облегчить вам помощь.

Благодаря

Answer 1

Создайте ссылку на ресурс и не обрабатывайте его с помощью ajax.

Если вы открываете ссылку на новой вкладке, вкладка автоматически закрывается после того, как она осознает, что она была открыта для загрузки файла в большинстве современных браузеров.

Answer 2

Попробуйте этот код:

var a = document.createElement('a'); 
a.href = "http://server/api/controllername/fileid/data"; 
a.click(); 

Вы можете составить адрес конкатенации переменных и текст.

Answer 3

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

В моем случае мне нужно было скачать файл со сложным набором параметров. В этом примере JavaScript использует почтовый запрос и создает форму (и публикует ее) с любым объектом JavaScript, который вы ему даете. Этот код может помочь, если вы упростил:

private open(verb, url, data, target) 
 
    { 
 
     var form = document.createElement("form"); 
 
     form.action = url; 
 
     form.method = verb; 
 
     form.target = target || "_self"; 
 
     if (data) { 
 
      this.createFormParameters(form, "", data); 
 
     } 
 

 
     form.style.display = 'none'; 
 
     document.body.appendChild(form); 
 
     form.submit(); 
 
    } 
 

 

 
    private createFormParameters(form, key, value) { 
 
     // recursive algorithm to add parameters (including objects and arrays of objects) to a custom form 
 

 
     if (typeof value === "object") { 
 
      for (var item in value) { 
 

 
       if (Array.isArray(value[item])) { 
 
        for (var arrayItem in value[item]) { 
 
         this.createFormParameters(form, (item + "[" + arrayItem + "]."), value[item][arrayItem]); 
 
        } 
 
        continue; 
 
       } 
 

 
       var input = document.createElement("textarea"); 
 
       input.name = key + item; 
 
       input.value = value[item]; 
 
       form.appendChild(input); 
 
      } 
 
     } 
 
     else 
 
     { 
 
      var input = document.createElement("textarea"); 
 
      input.name = key; 
 
      input.value = value; 
 
      form.appendChild(input); 
 
     } 
 
    }