why angular not bind Image value into serverside

Question

Here i'm using anguar with bootstrap i'm able to binding textvales not why my image not binding

Html

    <div ng-controller="MyCntrl">
      <input type="text" placeholder="Emil" ng-model="Email" />
   <input type="file" name="file" accept="image/*" ng-model="Image"  ngf-select>
            <img ngf-thumbnail="Image" />
             <input type="button" class="btn btn-sm btn-primary" value="Login" ng-click="Uplode(Image)" />
        </div>

Angular.Js

$scope.Uplode = function (file) {
        if ($scope.Image != null) {
            //   if ((Image.type == 'image/png' || Image.type == 'image/jpeg' || Image.type == 'image/gif') && Image.size <= (512 * 1024)) {

            if (file.type == 'image/png' || file.type == 'image/jpg' || file.type == 'image/gif' || file.type == "image/jpeg")
                {
                if (file.size <= (512 * 1024))
                {
                    if (file == file)
                    {
                        for (var i = 0; i < file.length; i++) {
                            dataAsFormData.append(file[i].name, file[i]);
                        }
                    } 
                    var xx = {
                        Image: $scope.file,
                        Email: $scope.Email,
                        password: $scope.password,}
                    var service = MyserviceContect.DataSave(xx);

user7158437 · Accepted Answer · 2016-11-23 15:09:49Z

1

var i=file.name;
var x={
Image:i;
}

answered Nov 23, 2016 at 15:09

user7158437

Sign up to request clarification or add additional context in comments.

Comments

Evans Murithi · Accepted Answer · 2016-11-23 14:24:07Z

0

Because in your $scope.Upload() function you are passing file and at var xx = {...} you are accessing it with $scope.file which would be undefined. Do:

var xx = {
    Image: file,
    Email: $scope.Email,
    password: $scope.password
}

answered Nov 23, 2016 at 14:24

Evans Murithi

3,2771 gold badge24 silver badges26 bronze badges

5 Comments

Waheed Mohammad Over a year ago

no error but value not binding have u any alternate solution

Evans Murithi Over a year ago

could you log the variable xx and tell me its output?

Waheed Mohammad Over a year ago

xx = Object {Image: File, Email: undefined, password: undefined} 18 Image: file, file = File {name: "1.jpg", lastModified: 1479029060761, lastModifiedDate: Sun Nov 13 2016 14:54:20 GMT+0530 (India Standard Time), webki

Evans Murithi Over a year ago

What are you expecting to have?

Evans Murithi Over a year ago

Let us continue this discussion in chat.

Collectives™ on Stack Overflow

why angular not bind Image value into serverside

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related