Filament•3mo ago

Image not showing on table column

Hi, i just trying to create a product crud with image upload inside. The image was uploaded in /storage/public/product, but not showing in my table

Forms\Components\FileUpload::make('foto')
                    ->image()
                    ->directory('product')
                    ->required(),

Forms\Components\FileUpload::make('foto')
                    ->image()
                    ->directory('product')
                    ->required(),

Tables\Columns\ImageColumn::make('foto'),

Tables\Columns\ImageColumn::make('foto'),

$table->string('foto')->nullable();

$table->string('foto')->nullable();

32 Replies

LeandroFerreira•3mo ago

did you run php artisan storage:link? did you config APP_URL in the .env? console errors?

sneevilzOP•3mo ago

storage:link is already, config APP_URL? mine is https://127.0.0.1:8000 no console error

LeandroFerreira•3mo ago

could you show a screenshot?

sneevilzOP•3mo ago

LeandroFerreira•3mo ago

could you share the code?

sneevilzOP•3mo ago

sure

sneevilzOP•3mo ago

message.txt

LeandroFerreira•3mo ago

add this tooltip

Tables\Columns\ImageColumn::make('foto')
    ->tooltip(fn (string $state): string => $state)

Tables\Columns\ImageColumn::make('foto')
    ->tooltip(fn (string $state): string => $state)

what is showing on the tooltip?

sneevilzOP•3mo ago

lemme try

sneevilzOP•3mo ago

that's give me error

LeandroFerreira•3mo ago

there is no state from foto column. Are you sure that is the column name? Any Filament customizations?

sneevilzOP•3mo ago

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('barangs', function (Blueprint $table) {
            $table->id();
            $table->string('foto')->nullable();
            $table->string('kode')->unique();
            $table->string('nama');
            $table->string('kategori');
            $table->decimal('harga_beli' ,10,2);
            $table->decimal('harga_jual' ,10,2);
            $table->integer('stok');
            $table->integer('diskon');
            $table->string('tipe_barang')->default('default');
            $table->string('satuan');
            $table->integer('berat');
            $table->integer('letak_rak');
            $table->string('keterangan')->nullable();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('barangs');
    }
};

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('barangs', function (Blueprint $table) {
            $table->id();
            $table->string('foto')->nullable();
            $table->string('kode')->unique();
            $table->string('nama');
            $table->string('kategori');
            $table->decimal('harga_beli' ,10,2);
            $table->decimal('harga_jual' ,10,2);
            $table->integer('stok');
            $table->integer('diskon');
            $table->string('tipe_barang')->default('default');
            $table->string('satuan');
            $table->integer('berat');
            $table->integer('letak_rak');
            $table->string('keterangan')->nullable();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('barangs');
    }
};

whats wrong?

LeandroFerreira•3mo ago

this seems like you don't have foto column in this model/resource 😅 Are you able to share this project on github? could you share Barang model?

sneevilzOP•3mo ago

umm model?

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Barang extends Model
{
    use HasFactory;

    protected $guarded = [
        'id',
        'foto',
    ];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Barang extends Model
{
    use HasFactory;

    protected $guarded = [
        'id',
        'foto',
    ];
}

sure

LeandroFerreira•3mo ago

Tables\Columns\ImageColumn::make('foto')
    ->tooltip(fn (Barang $record): string => $record->foto)

Tables\Columns\ImageColumn::make('foto')
    ->tooltip(fn (Barang $record): string => $record->foto)

what is the tooltip?

sneevilzOP•3mo ago

:depressed_tofu:

sneevilzOP•3mo ago

how sir..?

sneevilzOP•3mo ago

Tables\Columns\ImageColumn::make('foto')
                    ->url(fn($record) => $record->foto ? asset('storage/app/public/product/' . $record->foto) : null)
                    ->tooltip(fn(?string $state): string => $state ?? 'no img'),

Tables\Columns\ImageColumn::make('foto')
                    ->url(fn($record) => $record->foto ? asset('storage/app/public/product/' . $record->foto) : null)
                    ->tooltip(fn(?string $state): string => $state ?? 'no img'),

LeandroFerreira•3mo ago

remove foto from guarded in your model

sneevilzOP•3mo ago

then..? create a fillable ?

LeandroFerreira•3mo ago

app/Models/Barang.php ahh and rename to Barang.php instead of barang.php here

protected $guarded = [
        'id',
        'foto',//remove
    ];

protected $guarded = [
        'id',
        'foto',//remove
    ];

sneevilzOP•3mo ago

already?

sneevilzOP•3mo ago

done im also already change the Barang.php class to Barang

LeandroFerreira•3mo ago

should work

sneevilzOP•3mo ago

lemme try

LeandroFerreira•3mo ago

upload the image again

sneevilzOP•3mo ago

finnaly

sneevilzOP•3mo ago

alright, big thankss! so the problem, is in the models?

LeandroFerreira•3mo ago

yep

sneevilzOP•3mo ago

thankyou!

LeandroFerreira•3mo ago

you can set your repo private now 👍

sneevilzOP•3mo ago

It's okay, I did it on purpose 😊 anyway, thank you a lott

Gaming

Programming

Image not showing on table column