Eu estou desenvolvendo uma funcionalidade que receberá uma planilha em formato .xlsx, realizará um processamento e devolverá essa planilha com as colunas adicionadas, nesse caso eu deveria realizar um upload de um arquivo e no success faria o download. Nas minhas tentativas ou eu consigo enviar o arquivo ou apenas receber ainda não consegui os dois sem corromper o arquivo de retorno, no código a seguir eu consigo receber o arquivo, realizar o processamento e realizar o download porém o arquivo vem corrompido, não acredito que seja problema na minha api pois se eu fizer uma chamada get ou até post eu consigo realizar o download do arquivo.
Angular
// chamada do upload.
$scope.uploadFiles = function () {
//FILL FormData WITH FILE DETAILS.
var data = new FormData();
for (var i in $scope.files) {
data.append("uploadedFile", $scope.files[i]);
}
// ADD LISTENERS.
var objXhr = new XMLHttpRequest();
objXhr.responseType = "arraybuffer";
//objXhr.setRequestHeader("Accept", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
objXhr.onload = onsuccess;
objXhr.onerror = onerror;
// SEND FILE DETAILS TO THE API.
objXhr.open("POST", "/api/v1/public/PostContent");
objXhr.send(data);
function onsuccess(result) {
if (result == null) {
toastr["error"]("RETORNO NULO", "Título da mensagem");
}
var blob = new Blob([result], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
var objectUrl = URL.createObjectURL(blob);
window.open(objectUrl);
};
function onerror(result) {
if (result.status == 415) {
toastr["error"]("Arquivo não suportado", "Título da mensagem");
} else {
toastr["error"]("Erro ao tentar ler o arquivo", "Título da mensagem");
}
};
}
Controller Web Api
[HttpPost]
[Route("PostContent")]
public async Task<HttpResponseMessage> PostContent()
{
if (!Request.Content.IsMimeMultipartContent())
throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);
CustomMultipartFormDataStreamProvider provider = new CustomMultipartFormDataStreamProvider(HttpContext.Current.Server.MapPath("~/App_Data"));
await Request.Content.ReadAsMultipartAsync(provider);
MultipartFileData file = provider.FileData.FirstOrDefault();
FileInfo info = new FileInfo(file.LocalFileName);
var package = new ExcelPackage(info)
//PROCESSAMENTO DA PLANILHA
MemoryStream ms = new MemoryStream();
package.SaveAs(ms);
var result = new HttpResponseMessage(HttpStatusCode.OK)
{
Content = new ByteArrayContent(ms.GetBuffer())
};
result.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
result.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment")
{
FileName = $"Vai{ DateTime.Now }.xlsx"
};
return result;
}
Na View Carregando o arquivo
<input type="file" id="file" name="file" multiple
onchange="angular.element(this).scope().getFileDetails(this)" />
<button type="button" ng-click="uploadFiles()">Carregar</button>
Alguém sabe como fazer isso?