Hola a todos,
Estoy tratando de realizar un upload con jquery, pero que sólo disponga de un boton, que al hacer click en el, se abra el cuadro para seleccionar el fichero, hacer doble click en el fichero y automaticamente se suba este.
El codigo JQuery que tengo ahora mismo es el siguiente:
Código:
$(document).ready(function() {
var files;
$('body').on('click', '#btn-upload-photo', function() {
$('#input-upload-photo').trigger('click');
});
$('#input-upload-photo').on('change', function(event) {
files = event.target.files;
});
$(document).on('submit', '#update-avatar-form', function(event) {
alert('Ha funcionado.');
event.stopPropagation();
event.preventDefault();
var data = new FormData();
$.each(files, function(key, value)
{
data.append(key, value);
});
$.post('{{ URL::route('avatar.update') }}', data, function() {
alert('Ha funcionado.');
});
});
});
Y el codigo del formulario el siguiente:
Código PHP:
{{ Form::file('avatar', array('id' => 'input-upload-photo'))}}
<button type="button" class="btn btn-default btn-xs" id="btn-upload-photo"><i class="fa fa-camera-retro"></i> Cambiar foto</button>
<button type="button" class="btn btn-default btn-xs" id="btn-remove-photo"><i class="fa fa-trash-o"></i> Eliminar foto</button>
{{ Form::close() }}
El problema es que lo unico que hace es mostrar el cuadro para seleccionar el archivo cuando haces click en el boton, pero no sube el fichero
Alguna sugerencia?
Gracias a todos