Função Crop Multiplica as imagens
Boa tarde galera.
Preciso de uma ajuda grande, descobri o erro que está acontecendo no projeto porém não estou conseguindo resolver.
No sistema que estou utilizando, o usuário seleciona "X" imagens e elas aparecem automaticamente para o usuário fazer um crop (Corte da imagem).
Antes do usuário fazer o crop essas imagens ficam na "memória" no método "loadImg" e não são enviadas ao servidor.
Acontece que toda vez que o usuário clica nas imagens para visualiza-las, o sistema está gerando uma cópia cada vez que ele clica.
Exemplo: o usuário clicou na imagem 1, depois na imagem 2 e clicou na imagem 1 novamente, o sistema está criando na memória 2 imagens 1 e na hora do crop ele duplica a imagem 1.
Se ele clicar 5 vezes na imagem 1 ela é cropada 5 vezes.
Alguém pode me ajudara resolver isso?
Segue a função do método loadImg no arquivo do crop:
this.loadImg = function (url) {
var that = this;
this.eles.img
.attr('src', url)
.load(function () {
that.imgSize();
});
};
Função do arquivo de upload:
function load_img(src) {
var one = new CROP();
one.init('.default');
one.loadImg(src);
$("#crop").show();
$(document).on('click', '#btn_crop', function() {
if (document.getElementById('img_src_load').value == src) {
document.getElementById('carregando').innerHTML = 'Processando, aguarde...';
$("#crop").hide();
$.ajax({
type: "post",
dataType: "json",
url: Yii.host +"/"+ Yii.baseUrl +"/ajax/upload",
data: $.param(coordinates(one))
})
A função do crop salva um php via ajax.
Obrigado.
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.veuc.com.br/img/Foto.jpg&key=73cc62cfa39206509da4412c76ff26a576e85e73bcd55ef4f131c07aa65bfa27" alt="Foto.jpg" />
Discussão (3)
Carregando comentários...