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: ^11livewire/livewire: ^3.4php: ^8.2
问题截图


恳请各位帮忙解决此问题,谢谢!
内容的提问来源于stack exchange,提问作者Revolution
相关产品推荐
相关产品推荐

