Fazendo upload de arquivo do Excel no MVC usando angularjs. HttpPostedFileBase está vazio
Estou tentando fazer upload de um arquivo excel no mvc usando js angulares. A seguir está o meu código de exibição:
<div class="browsebtn" ng-controller = "serviceablectrlr"><input type="file" id="dataFile" name="uploadFile" data-max-size="2097152" accept=".xls, .xlsx" onclick="$('#fileError').hide();" />
</div>
<input id="btnUploadExcel" type="button" value="Upload" ng-click="UploadConfirmation()" class="btn btn-yellow" />
A seguir está o código do meu controlador:
var app = angular.module('ProductCatalog');
app.controller('serviceablectrlr', function ($scope, $http) {
var apiURL = $("#ProductCatalogApiUrl").val();
var ClearFile = function () {
$("#dataFile").val('');
}
// pass file object and url to this method
$scope.UploadConfirmation = function () {
alert("sana");
var formData = new FormData();
var totalFiles = document.getElementById("dataFile").files.length;,
for (var i = 0; i < totalFiles; i++) {
var file = document.getElementById("dataFile").files[i];
var ext = file.name.split(".")[1];
if ((ext == "xls" || ext == "xlsx") && file.size < (Math.pow(1024, 3) * 2)) {
formData.append("dataFile", file);
$http({
method: 'POST',
url: apiURL + "/BulkInsertion",
data: formData,
dataType: 'json',
headers: { 'Content-Type': undefined},
transformRequest: angular.identity
}).then(function successCallback(response) {
if (response.data.ResponseData == 'Success') {
showToastrMessage('success', 'Offer saved successfully!');
$scope.data = {};
}
else {
alert('In error');
showToastrMessage('error', response.data.ResponseData);
}
},
function errorCallback(response) {
});
}
else {
}
}
}
});
E a seguir está o meu código do MVC Controller:
public ResponseModel Post(
HttpPostedFileBase dataFile
)
{ }
O problema que estou enfrentando é que o HttpPostedFileBase é nulo, embora eu esteja enviando os parâmetros corretos.
Eu me referi à seguinte pergunta, que é exatamente o meu problema, além de trabalhar no upload de arquivos do Excel.
HttpPostedFileBase é nulo ao carregar arquivos com Angular
Qualquer ajuda seria apreciada.