Cortar imágenes en un image uploader
Publicado por Agustin221279 (1 intervención) el 11/11/2019 23:54:32
Hola!
Estoy dando vueltas con estos scripts, soy nuevo en esto.
Es un código heredado, necesito poder hacer que las imágenes que subo a la web esten cortadas para que los thumbnails queden iguales, pero no le encuentro la vuelta.
Si alguien me puede ayudar, lo agradecería mucho!
Estoy dando vueltas con estos scripts, soy nuevo en esto.
Es un código heredado, necesito poder hacer que las imágenes que subo a la web esten cortadas para que los thumbnails queden iguales, pero no le encuentro la vuelta.
Si alguien me puede ayudar, lo agradecería mucho!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
$('#updloadImage').on('change',function(){
if($(this).val() != ''){
var formData= new FormData($('#formulario-register')[0]);
$.ajax({
type: 'POST',
url: base_url+'frontend/web_private/subir_imagen',
data: formData,
contentType: false,
processData: false,
beforeSend: function(){
$('#cargar').show();
$('#btn-publicar').attr('disabled','disabled');
$('#btn-publicar2').attr('disabled','disabled');
$('#upload').attr('disabled','disabled');
$('#updloadImage').attr('disabled','disabled');
},
success: function(data){
//$('#result').html(data);
$('#imagenes').append('<div class="col-md-6"><i class="fa fa-close pull-right" style="cursor: pointer; z-index: 100;" data-in="'+data+'"></i><img style="padding: 10px; margin: 5px 0px; border: 1px #000 solid; width: 100%; height: 150px;" class="img-rounded" src="'+base_url+'uploads/publicaciones/'+data+'"></div>');
$('#lista-imagenes').append('<p>..imagen'+$('#imagenes img').length+'</p>');
$('#cargar').hide();
$('#btn-publicar').removeAttr('disabled');
$('#btn-publicar2').removeAttr('disabled');
$('#upload').removeAttr('disabled');
$('#updloadImage').removeAttr('disabled');
$('#imagenes i').on('click',function(){
$.ajax({
type: 'post',
url: base_url+'frontend/web_private/eliminar_imagenes',
data: {
imagen: $(this).attr('data-in')
}});
$(this).parent().remove();
$('#lista-imagenes p:last').remove();
});
}});
}});
</script>
Valora esta pregunta
0