Se você já tem uma saída em json_encode()
significa que já houve um processamento de upload, não faz muito sentido recriar um formulário de upload para enviar a mesma coisa duas vezes. Agora o que faria sentido é capturar esta saída JSON no javascript e não no PHP, pois você já enviou o processamento da imagem no PHP e já tem a saída em JSON, concorda.
Caso você queira tratar dentro do PHP e salvar algum dados antes da saída em JSON, você precisa encontrar onde está essa saída json_encode($array_saida)
pegar essa variável: $array_saida
, e localizar a chave $array_saida['name_file']
antes de passar para o encode e salvar os dados no banco.
Entretanto, acredito que talvez você esteja dentro de um formulário e queira carregar somente a referência e exibir esta imagem dentro de um formulário ou algo assim antes de executar a submissão de um formulário de salvamento, ainda assim, não deve haver enctype="multipart/form-data"
neste formulário.
A maneira de capturar o seu JSON, é justamente pelo retorno do mesmo método ajax que fez o crop desta imagem e gerou essa saída JSON. Como desconheço seu método eu vou dar um exemplo de retorno, baseado nesta API: https://github.com/fengyuanchen/cropper
$.ajax('/path/to/upload', {
method: "POST",
data: formData,
processData: false,
contentType: false,
success: function (data) {
var e = jQuery.parseJSON(data);
$('#sua_imagem').attr('src', e.url);
$('#img').val(e.name_file);
},
error: function () {
console.log('Ocorreu um erro no processo!');
}
});
E no seu formulário de HTML:
<form action="?salvar" method="post" name="salvamento">
<img src="undefined.jpg" id="sua_imagem" width="180" height="180" border="0">
<input type="hidden" id="img" name="imagem"><br>
<input type="submit" value="Enviar">
</form>