<input type= "File" file-model= "MyFile"/>
<div class= "col-md-12" >
</div>
Controller
$scope. getFile = function (files) {
Console.log (files);
Filereader.readasdataurl (Files, $scope)
. then (function (Result) {
$scope. imagesrc = result;
Console.log (result);
});
};
$scope. Leavesubmit = function (e) {
Console.log ($scope. Messages);
if ($scope. messages = = = "| | $scope. messages = = = undefined) {
$ionicLoading. Show ({
Template: ' Please fill in your needs! ‘,
duration:2000,
Showbackdrop:false
});
Return
}
var data = {
FileName: $scope. imagesrc
Userfeedback: $scope. userfeedback.message
};
var fd = new FormData ();
Angular.foreach (data, function (Val, key) {
Fd.append (Key, Val);
});
$http ({
URL: "",
DATA:FD,
Headers: {' Content-type ': undefined},
TransformRequest:angular.identity
}). Success (function (res) {
Console.log (' 1 ' + res);
}). Error (function (err) {
Console.log (ERR);
$rootScope. ShowMsg ("network error");
})
};
App.directive (' Filemodel ', [' $parse ', function ($parse) {
return {
Restrict: ' A ',
Link:function (scope, element, Attrs, Ngmodel) {
var model = $parse (Attrs.filemodel);
var modelsetter = model.assign;
Element.bind (' Change ', function (event) {
Scope. $apply (function () {
Modelsetter (scope, element[0].files[0]);
});
Accessories Preview
Scope.file = (Event.srcelement | | event.target). files[0];
Console.log (Scope.file);
Scope.getfile (Scope.file);
});
}
};
}]);
Mine.factory (' FileReader ', ["$q", "$log", Function ($q, $log) {
var onLoad = function (reader, deferred, scope) {
return function () {
Scope. $apply (function () {
Deferred.resolve (Reader.result);
});
};
};
var onError = function (reader, deferred, scope) {
return function () {
Scope. $apply (function () {
Deferred.reject (Reader.result);
});
};
};
var getreader = function (deferred, scope) {
var reader = new FileReader ();
Reader.onload = onload (reader, deferred, scope);
Reader.onerror = onerror (reader, deferred, scope);
return reader;
};
var readasdataurl = function (files, scope) {/* main functions for uploading pictures */
Console.log (files);
var deferred = $q. Defer ();
var reader = Getreader (deferred, scope);
Reader.readasdataurl (files);
return deferred.promise;
};
return {
Readasdataurl:readasdataurl
};
}]);
Angularjs image Upload