Laravel Livewire图片上传出现本地临时文件404错误求助

问题原因 #

你遇到的GET http://localhost:8000/C:/Users/...tmp 404错误，核心原因是错误复用了Livewire文件上传属性：
在view和edit方法中，你直接把数据库存储的文件路径赋值给了$display_image——而这个属性被WithFileUploads trait标记为「待上传的文件对象」，而非普通字符串。当组件渲染时，Livewire会错误地将本地临时文件路径当作Web可访问URL发起请求，自然返回404。

修复步骤 #

1. 新增图片URL专用属性 #

在组件类中添加一个仅用于显示已上传图片的属性，和负责文件上传的$display_image做区分：

public $program_id, $program_title, $display_image, $display_image_url, $program_description, $program_created;

2. 修改视图/编辑方法，生成正确的访问URL #

在view和edit方法中，使用Storage::url()将存储路径转换为Web可访问URL，赋值给新增的属性：

public function view(Program $program)
{
    $this->program_title = $program->title;
    $this->display_image_url = Storage::url($program->display_img);
    $this->program_description = $program->description;
    $this->program_created = $program->created_at;
}

public function edit(Program $program)
{
    $this->program_id = $program->id;
    $this->program_title = $program->title;
    $this->display_image_url = Storage::url($program->display_img);
    $this->program_description = $program->description;
    // 不要给$display_image赋值，仅当用户选择新文件时才会自动绑定
}

3. 调整前端视图逻辑 #

在Blade视图中，分别用两个属性处理「显示已有图片」和「上传新图片」：

{{-- 查看/编辑时显示已上传的图片 --}}
@if($display_image_url)
    <img src="{{ $display_image_url }}" alt="项目图片" class="img-fluid mb-3">
@endif

{{-- 文件上传输入框，仅绑定负责上传的$display_image --}}
<input type="file" wire:model="display_image" class="form-control">

4. 重置方法同步更新 #

修改resetInputs方法，同步重置新增的URL属性：

public function resetInputs()
{
    $this->display_image = "";
    $this->display_image_url = "";
    $this->program_title = "";
    $this->program_description = "";
    $this->program_id = "";
    $this->program_created = "";
}

额外检查 #

确保你已经执行过php artisan storage:link命令，将storage/app/public目录软链接到public/storage——这是Storage::url()生成有效URL的前提。

内容的提问来源于stack exchange，提问作者Furukuku