How to detect when image uploaded? about angular-base64-upload HOT 7 CLOSED

I think you could do it simply with the $http success callback since you are sending a basic post request to the server:

        $http.post('server.php', $scope.base64Object)
        .success(function(res){
          alert('File successfully uploaded!');
        })

from angular-base64-upload.

Thanks for your answer. I'm afraid I completely ruined what I was originally asking.

I meant if there was an easy way to detect when the user changes the image they had previously assigned to the file input.

Something like:

• User puts picture
• User doesn't like picture, decides for another one
• User substitutes former picture for a new one
• A random event is fired
• User uploads data to the server

Either way, I solved it manually, by $watching an attribute of the object, say filesize.

from angular-base64-upload.

Good catch. Sorry there's no event fired when a user changes the chosen file currently. What you did is the best way I can think of to solve your problem as well. I'll mark this issue as an enhancement for now.

from angular-base64-upload.

Sure, don't worry about it. I love the simplicity of your module. I'll try to read the code on my spare time to see if I can help.

Cheers!

from angular-base64-upload.

Thanks man. Cheers!

from angular-base64-upload.

#27 There are now many ways to get around this, either to listen to file reader events or watch the models.

from angular-base64-upload.

Fixed in pull request #28 (v0.1.1)

$scope.onChangeHandler = function (e, fileList) {
  console.log(e);
  console.log(fileList);
};

<input base-sixty-four-input ng-model="file" on-change="onChangeHandler">

from angular-base64-upload.