Salvar nome de imagem no DB
Olá!
Estou testando um código baixado da net para cortar imagens. Está funcionando muito bem, e os códigos são os seguintes (principais trechos):
corta-imagem.php
<div id="upload-image"></div>
<div class="col-md-4"> <strong>Selecione a imagem</strong> <br/>
<input type="file" id="images">
<br/>
<button class="btn btn-success cropped_image">Carregar imagem</button>
</div>
<div class="col-md-4 crop_preview"></div>
<div id="upload-image-i"></div>
**upload.php**
<?php
$croped_image = $_POST['image'];
list($type, $croped_image) = explode(';', $croped_image);
list(, $croped_image) = explode(',', $croped_image);
$croped_image = base64_decode($croped_image);
$image_name = time().'_'.rand(10,99).'.jpg';
//UPLOAD PARA O SERVIDOR
file_put_contents('../../files/uploads/'.$image_name, $croped_image);
?>
**upload.js**
$(document).ready(function(){
$image_crop = $('#upload-image').croppie({
enableExif: true,
viewport: {
width: 960,
height: 200,
type: 'square'
},
boundary: {
width: 960,
height: 300
}
});
$('#images').on('change', function () {
var reader = new FileReader();
reader.onload = function (e) {
$image_crop.croppie('bind', {
url: e.target.result
}).then(function(){
console.log('jQuery bind complete');
});
}
reader.readAsDataURL(this.files[0]);
});
$('.cropped_image').on('click', function (ev) {
$image_crop.croppie('result', {
type: 'canvas',
size: 'viewport'
}).then(function (response) {
$.ajax({
url: "../croppie-master/upload.php",
type: "POST",
data: {"image":response},
success: function (data) {
html = '<img src="' + response + '" />';
$("#upload-image-i").html(html);
}
});
});
});
});
O sistema corta a imagem e envia para o servidor sem problemas.
Mas eu precisava que além de enviar a imagem, enviasse o nome do arquivo para o Mysql.
Não precisa colocar aqui toda a rotina de códigos, eu apenas precisaria saber como pegar a variável do nome da imagem.
Espero que as informações sejam suficientes.
Grato desde já.Discussão (5)
Carregando comentários...