im uploading images via a form using laravel 11 and react with inertia, the images are being stored here (im using windows):
C:wamp64wwwecommercestorageapppublicproduct_images
for example:
C:wamp64wwwecommercestorageapppublicproduct_imagesgibson-lp-classic-20240717001924.png
been trying to show a small thumbnail of the image on the edit page, but it just doesnt show:
<div className="mt-4">
{images.map((image, index) => (
<div key={image.id || index} className="flex items-center justify-between mb-2">
<div className="flex items-center">
<img
src={image.url || (image instanceof File || image instanceof Blob) ? URL.createObjectURL(image) : ''}
alt={image.name || 'Image'}
className="w-16 h-16 object-cover mr-4"
/>
</div>
<button
type="button"
className="text-red-500 hover:text-red-700 focus:outline-none"
onClick={() => handleImageRemove(index)}
>
Delete
</button>
</div>
))}
</div>
{errors.length > 0 && (
<div className="mt-4 text-red-600">
{errors.map((error, index) => (
<div key={index}>{error}</div>
))}
</div>
)}
</div>
I want to show the images that are already stored, but cant seem to access any image via the browser or through react, the filesystems.php is intact, i havent touched it.
is there someone who can point me into the right direction regarding this?
thanks!