Skip to main content
adicionou 31 caracteres ao conteúdo
Fonte Link

Tem como, o plugin mais recomendado que eu conheço é Cropper, veja os exemplos no site oficial aqui.

A instalação é prático, veja um pequeno tutorial abaixo, segundo documentação oficial.

HTML

<div class="container">
  <img src="picture.jpg">
</div>
<div id="previewImg">
  <img src="picture.jpg">
</div>

JavaScript

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // Saída do resultado da imagem 'cropado'.
    // Como enviar a imagem cortado para seu servidor.
  },
  preview: "$('#previewImg')", // Pré-visualização Imagem
});

A documentação completa está aqui

Espero que tenha te ajudado. =)

Tem como, o plugin mais recomendado que eu conheço é Cropper, veja os exemplos no site oficial aqui.

A instalação é prático, veja um pequeno tutorial abaixo, segundo documentação oficial.

HTML

<div class="container">
  <img src="picture.jpg">
</div>
<div id="previewImg">
</div>

JavaScript

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // Saída do resultado da imagem 'cropado'.
    // Como enviar a imagem cortado para seu servidor.
  },
  preview: "$('#previewImg')", // Pré-visualização Imagem
});

A documentação completa está aqui

Espero que tenha te ajudado. =)

Tem como, o plugin mais recomendado que eu conheço é Cropper, veja os exemplos no site oficial aqui.

A instalação é prático, veja um pequeno tutorial abaixo, segundo documentação oficial.

HTML

<div class="container">
  <img src="picture.jpg">
</div>
<div id="previewImg">
  <img src="picture.jpg">
</div>

JavaScript

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // Saída do resultado da imagem 'cropado'.
    // Como enviar a imagem cortado para seu servidor.
  },
  preview: "$('#previewImg')", // Pré-visualização Imagem
});

A documentação completa está aqui

Espero que tenha te ajudado. =)

adicionou 103 caracteres ao conteúdo
Fonte Link

Tem como, o plugin mais recomendado que eu conheço é Cropper, veja os exemplos no site oficial aqui.

A instalação é prático, veja um pequeno tutorial abaixo, segundo documentação oficial.

HTML

<div class="container">
  <img src="picture.jpg">
</div>
<div id="previewImg">
</div>

JavaScript

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // Saída do resultado da imagem 'cropado'.
    // Como enviar a imagem cortado para seu servidor.
  },
  preview: "$('#previewImg')", // Pré-visualização Imagem
});

A documentação completa está aqui

Espero que tenha te ajudado. =)

Tem como, o plugin mais recomendado que eu conheço é Cropper, veja os exemplos no site oficial aqui.

A instalação é prático, veja um pequeno tutorial abaixo, segundo documentação oficial.

HTML

<div class="container">
  <img src="picture.jpg">
</div>

JavaScript

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // Saída do resultado da imagem.
  }
});

A documentação completa está aqui

Espero que tenha te ajudado. =)

Tem como, o plugin mais recomendado que eu conheço é Cropper, veja os exemplos no site oficial aqui.

A instalação é prático, veja um pequeno tutorial abaixo, segundo documentação oficial.

HTML

<div class="container">
  <img src="picture.jpg">
</div>
<div id="previewImg">
</div>

JavaScript

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // Saída do resultado da imagem 'cropado'.
    // Como enviar a imagem cortado para seu servidor.
  },
  preview: "$('#previewImg')", // Pré-visualização Imagem
});

A documentação completa está aqui

Espero que tenha te ajudado. =)

Fonte Link

Tem como, o plugin mais recomendado que eu conheço é Cropper, veja os exemplos no site oficial aqui.

A instalação é prático, veja um pequeno tutorial abaixo, segundo documentação oficial.

HTML

<div class="container">
  <img src="picture.jpg">
</div>

JavaScript

$('.container > img').cropper({
  aspectRatio: 16 / 9,
  crop: function(data) {
    // Saída do resultado da imagem.
  }
});

A documentação completa está aqui

Espero que tenha te ajudado. =)