así que quiero mostrar los datos de la base de datos para obtener una vista previa usando imageuploader js de cristianbayer, porque quiero ponerlos en la página de edición posterior, para poder cambiar la imagen que se cargó en el servidor de la base de datos. estoy usando laravel por cierto.
vea esta foto: quiero recuperar los datos de la imagen y ponerlos dentro de la sección de vista previa de la imagen
esta es mi función de controlador
public function edit($id) { $products = Product::with(['users','categories','images'])->find($id); return view('dashboard.admin.products.edit', compact('products')); }
este es mi código html para obtener una vista previa de la imagen:
<div class="input-field"> <div class="input-images-1"></div> </div>
este es mi javascript:
<script> let preloaded = [ {id: 1, src: 'https://picsum.photos/500/500?random=1'}, {id: 2, src: 'https://picsum.photos/500/500?random=2'}, {id: 3, src: 'https://picsum.photos/500/500?random=3'}, {id: 4, src: 'https://picsum.photos/500/500?random=4'}, {id: 5, src: 'https://picsum.photos/500/500?random=5'}, {id: 6, src: 'https://picsum.photos/500/500?random=6'}, ]; $('.input-images-1').imageUploader({ preloaded: preloaded, imagesInputName: 'files', maxSize: 2 * 1024 * 1024, preloadedInputName: 'old', maxFiles: 5 });
¿Cómo recuperar datos de la base de datos y poner una imagen precargada? o cualquier otro método que podría ser capaz de usar?
cualquier ayuda será muy apreciada, gracias!