Skip to main content
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
formatação, tag pertinente
Fonte Link
NoobSaibot
  • 9,8mil
  • 6
  • 29
  • 53

Fazer upload de foto com javaScriptJavaScript

Preciso pegar uma foto e ao pressionar o botão esta foto seja enviada para o meu servidor para então eu salvar no meu banco em base 64, só não consigo pegar a foto e converter para BufferBuffer. Meu código:

(function() {
'use strict';

angular
  .module('meetClass')
  .controller('NovaFotoController', NovaFotoController);

/** @ngInject */
function NovaFotoController($scope) {
  
  $scope.pular = function(){
    console.log("Pula")
  }

  $scope.cadastraFoto = function(){
    
  }

}
})()

Html

    <div class="divContentLogin">
    <form action="">
        <h3 style="color:#ffffff">Cadastrar Foto</h3>
        <div layout="column" style="margin-top: 10px;">
            <div class="inputsDadosLogin">
                <input mdInput type="file" id="fotoPerfil" class="colorInput" accept=".jpg, .jpeg, .png">
            </div>
        </div>
        <br>
        <md-button class="md-raised" ng-click="pular()">Pular</md-button>
        <md-button class="md-raised" ng-click="cadastraFoto()">Cadastrar</md-button>    
    </form>
</div>

Se tiver algum jeito de a partir deste input pegar esta foto carregada converter para BufferBuffer vai me ajudar muito, ou então alguma outra solução alternativa.

Fazer upload de foto com javaScript

Preciso pegar uma foto e ao pressionar o botão esta foto seja enviada para o meu servidor para então eu salvar no meu banco em base 64, só não consigo pegar a foto e converter para Buffer. Meu código:

(function() {
'use strict';

angular
  .module('meetClass')
  .controller('NovaFotoController', NovaFotoController);

/** @ngInject */
function NovaFotoController($scope) {
  
  $scope.pular = function(){
    console.log("Pula")
  }

  $scope.cadastraFoto = function(){
    
  }

}
})()

Html

    <div class="divContentLogin">
    <form action="">
        <h3 style="color:#ffffff">Cadastrar Foto</h3>
        <div layout="column" style="margin-top: 10px;">
            <div class="inputsDadosLogin">
                <input mdInput type="file" id="fotoPerfil" class="colorInput" accept=".jpg, .jpeg, .png">
            </div>
        </div>
        <br>
        <md-button class="md-raised" ng-click="pular()">Pular</md-button>
        <md-button class="md-raised" ng-click="cadastraFoto()">Cadastrar</md-button>    
    </form>
</div>

Se tiver algum jeito de a partir deste input pegar esta foto carregada converter para Buffer vai me ajudar muito, ou então alguma outra solução alternativa.

Fazer upload de foto com JavaScript

Preciso pegar uma foto e ao pressionar o botão esta foto seja enviada para o meu servidor para então eu salvar no meu banco em base 64, só não consigo pegar a foto e converter para Buffer. Meu código:

(function() {
'use strict';

angular
  .module('meetClass')
  .controller('NovaFotoController', NovaFotoController);

/** @ngInject */
function NovaFotoController($scope) {
  
  $scope.pular = function(){
    console.log("Pula")
  }

  $scope.cadastraFoto = function(){
    
  }

}
})()

Html

    <div class="divContentLogin">
    <form action="">
        <h3 style="color:#ffffff">Cadastrar Foto</h3>
        <div layout="column" style="margin-top: 10px;">
            <div class="inputsDadosLogin">
                <input mdInput type="file" id="fotoPerfil" class="colorInput" accept=".jpg, .jpeg, .png">
            </div>
        </div>
        <br>
        <md-button class="md-raised" ng-click="pular()">Pular</md-button>
        <md-button class="md-raised" ng-click="cadastraFoto()">Cadastrar</md-button>    
    </form>
</div>

Se tiver algum jeito de a partir deste input pegar esta foto carregada converter para Buffer vai me ajudar muito, ou então alguma outra solução alternativa.

Fonte Link
Erick Zanetti
  • 413
  • 1
  • 5
  • 24

Fazer upload de foto com javaScript

Preciso pegar uma foto e ao pressionar o botão esta foto seja enviada para o meu servidor para então eu salvar no meu banco em base 64, só não consigo pegar a foto e converter para Buffer. Meu código:

(function() {
'use strict';

angular
  .module('meetClass')
  .controller('NovaFotoController', NovaFotoController);

/** @ngInject */
function NovaFotoController($scope) {
  
  $scope.pular = function(){
    console.log("Pula")
  }

  $scope.cadastraFoto = function(){
    
  }

}
})()

Html

    <div class="divContentLogin">
    <form action="">
        <h3 style="color:#ffffff">Cadastrar Foto</h3>
        <div layout="column" style="margin-top: 10px;">
            <div class="inputsDadosLogin">
                <input mdInput type="file" id="fotoPerfil" class="colorInput" accept=".jpg, .jpeg, .png">
            </div>
        </div>
        <br>
        <md-button class="md-raised" ng-click="pular()">Pular</md-button>
        <md-button class="md-raised" ng-click="cadastraFoto()">Cadastrar</md-button>    
    </form>
</div>

Se tiver algum jeito de a partir deste input pegar esta foto carregada converter para Buffer vai me ajudar muito, ou então alguma outra solução alternativa.