Laravel 8 + Inertia更新产品图片时已填字段仍报必填验证错误

• Inertia.js 发送PUT请求时无法正确携带文件内容：浏览器原生不支持通过PUT、DELETE等方法传输multipart/form-data格式的文件数据，导致后端收到的请求中images字段缺失或格式错误，触发必填项验证。
• 验证规则不匹配更新场景：如果UpdateProductRequest中images字段设置了强制required+file/image验证，更新时不上传新图片的情况下，前端提交的原有图片路径字符串会被判定为不符合文件类型要求，触发验证失败。

1. 修改前端提交方式 #

将PUT请求改为POST请求，通过_method参数实现Laravel的方法欺骗，适配文件上传需求：

methods: {                      
    update() {
        this.form.post(this.route('products.update', this.product.id), {
            preserveState: true,
            _method: 'PUT'
        })
    },            
}

2. 调整后端验证规则 #

修改UpdateProductRequest中的images字段规则为条件验证，只有当请求中携带images字段时才触发文件验证：

public function rules()
{
    return [
        'name' => 'required|string|max:255',
        'category_id' => 'required|exists:categories,id',
        'description' => 'required|string',
        'date' => 'required|date',
        // 仅请求中存在images字段时执行验证
        'images' => 'sometimes|required|file|image|max:2048'
    ];
}

3. 可选前端优化 #

初始化表单时不要给images字段赋值原有图片路径，避免不必要的字段提交：

data() {
    return {
        form: this.$inertia.form({
            name: this.product.name,
            category_id: this.product.category_id,
            description: this.product.description,
            date: this.product.date,
            images: null
        })
    }
}

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