Hola a todos, utilicé javascript para obtener una vista previa de mi imagen antes de que se guarde en mi base de datos, lo que funciona perfectamente, pero quiero que no se muestre como blob: url ... pero yo era el src de la imagen para llevar también la extensión del archivo, ¿está ahí de todos modos? hacer que esto funcione?
Aquí está mi código
<div class="form-group"> <div class="n_listed" style="margin-top: -10px"> <br> <label for="file" style="cursor: pointer;"> <a> <i class="mdi mdi-plus-box-outline"></i> Upload Image </a> </label><br> <input type="file" class="form-control @error('banner_image') is-invalid @enderror" accept="image/*" name="banner_image" id="file" onchange="loadFile(event)"> @error('banner_image') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror <p><img id="cover" style="max-width: 750px;" src="{{asset('dasharea/img/placeholder.png')}}"/></p> <div style="color: #333;font-size: .9em;margin: 10px 0 5px" class="progress_msg"> Note: Maximum size of the image should be 10MB </div> <script> var loadFile = function(event) { // let imgfile = $('#file').val(); // var imgext = imgfile.split('.').pop(); var image = document.getElementById('cover'); image.src = URL.createObjectURL(event.target.files[0]); }; </script> </div> </div>Por favor, realmente necesito ayuda con esto. Quiero que se guarde como blob:http://localhost:8000/6e315126-ef45-4419-a35d-c3dd2eb2eff7.jpg o .png o dependiendo de la extensión del archivo en lugar de solo blob:http://localhost:8000/6e315126 -ef45-4419-a35d-c3dd2eb2eff7. Porque según las reglas de validación, la imagen no se puede guardar en la base de datos sin su extensión de archivo.