You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Mac截图PNG上传Livewire预览不显示问题求助

Mac系统截取PNG通过Livewire上传后预览失效问题

问题现象

  • 通过Livewire上传Mac系统截取的PNG截图后,页面内图片预览无法加载,但临时URL已成功生成;手动复制该URL到浏览器可正常打开图片
  • 仅Mac系统截取的PNG存在此问题,从谷歌等渠道下载的PNG文件可正常预览
  • 本地开发环境和线上服务器均出现该情况

已排查内容

已确认Livewire配置中preview_mimes数组包含PNG格式,相关配置片段如下:

'temporary_file_upload' => [
    'disk' => 's3',        // Example: 'local', 's3'              | Default: 'default'
    'rules' => ['required', 'file', 'mimes:png,jpg,jpeg', 'max:12288'],
    // Example: ['file', 'mimes:png,jpg']  | Default: ['required', 'file', 'max:12288'] (12MB)
    'directory' => 'tmp',   // Example: 'tmp'                      | Default: 'livewire-tmp'
    'middleware' => null,  // Example: 'throttle:5,1'             | Default: 'throttle:60,1'
    'preview_mimes' => [   // Supported file types for temporary pre-signed file URLs...
        'png', 'gif', 'bmp', 'svg', 'wav', 'mp4',
        'mov', 'avi', 'wmv', 'mp3', 'm4a',
        'jpg', 'jpeg', 'mpga', 'webp', 'wma', 'avif',
    ],
    'max_upload_time' => 5, // Max duration (in minutes) before an upload is invalidated...
],

技术环境版本

  • laravel/framework: ^11
  • livewire/livewire: ^3.4
  • php: ^8.2

问题截图

问题截图1
问题截图2

恳请各位帮忙解决此问题,谢谢!

内容的提问来源于stack exchange,提问作者Revolution

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.19 15:02:36