Estoy adentrandome en laravel y me surgio un problema al tratar de editar unas imagenes. al crear o registrar un producto con su respectiva imagen no hay problema ya que no uso ajax. pero al momento de editar no puedo ingresar a los datos que genera el selector de la imagen
1: resultado en consola: https://ibb.co/nw3dwp
- Debido a esto no puedo cambiar a un nombre unico, copiar la imagen etc etc.
2: codigo ajax:
$("#actualizar2").click(function()
{
var id = $("#id").val();
var name = $("#name").val();
var unit_cost = $("#unit_cost").val();
var image= $("#image").prop('files')[0];
console.log(image);
var route = "{{url('admin/products/')}}/"+id+"";
var token = $("#token").val();
$.ajax({
url: route,
headers: {'X-CSRF-TOKEN': token},
type: 'PUT',
dataType: 'json',
processData: false,
data: { '_token': '{{ csrf_token() }}',name:name,unit_cost:unit_cost,image:image},
success: function(data){
if (data.success == 'true')
{
console.log(data);
/*$("#modal-EProduct").modal('toggle');
window.location = '{{ route('products.index')}}' ;*/
}
},
error:function(data)
{
$("#error").html(data.responseJSON.name);
$("#message-error").fadeIn();
if (data.status == 422) {
console.clear();
}
}
});
});
3: controlador: https://ibb.co/nre1Gp
public function update(Request $request, $id { $product = Product::FindOrFail($id); $nameFile =$request->file('image');
return response()->json(['success'=>'true','data'=>$nameFile]) }
4: html -> boton que llama al modal
<span data-toggle="modal" data-target="#modal-EProduct">
<a class="btn btn-warning btn-xs" onclick='Mostrar({{$product->id}});' id="#modal-EProduct{{ $product->id }}" data-original-title="Editar" data-target='#modal-EProduct' data-toggle="tooltip">
<i class="fas fa-wrench"></i>
</a>
</span>
--- Modal
{!! Form::open([ 'id'=> 'form','autocomplete'=>'off']) !!} × Editanto Producto
<input type="hidden" name="_token" value="{{ csrf_token() }}" id="token">
<input type="hidden" id="id">
<div class="form-group">
<div class="row">
<div class="col-xs-6">
{!! Form::label('name','Nombre del Producto') !!}
{!! Form::text(
'name',null,
['class'=>'form-control',
'placeholder' =>'Nombre del Producto',
'required']) !!}
</div>
<div class="col-xs-6">
{!! Form::label('unit_cost','Precio Unitario') !!}
{!! Form::text(
'unit_cost',null,
['class'=>'form-control',
'placeholder' =>'Precio Unitario',
'required','onkeypress'=>"return valida(event)"]) !!}
</div>
</div>
</div>
<div class="form-group">
{!! Form::label('image','Imagen') !!}
<img id="url" src="" class="img-responsive" alt="Image" height="15%" width="15%">
{!! Form::file(
'image',
['class'=>'file','data-preview-file-type'=>'text']
) !!}
</div>
</div>
{!! Form::close() !!}
<div class="modal-footer">
<div class="form-group">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
{!!link_to('#', $title='Actualizar2', $attributes = ['id'=>'actualizar2', 'class'=>'btn btn-primary'])!!}
</div>
</div>
</div>
</div>
al usar el modal para editar la imagen se me complico y no eh hallado una ayuda googleando espero su ayuda. oh algun consejo u ejemplo de como puedo editar datos usando un modal, evitando crear un modal por cada registro (es lo que evito al usar ajax). de ante mano gracias