Coding10

正在播放：使用 Livewire 完成用户头像上传以及头像绑定

发布于: 2021.11.04

标题	时间
使用 Alpinejs、Cropperjs、Livewire 完成头像上传，裁剪功能演示	02:54
使用Livewire组件化的方式创建个人中心页面	05:36
使用 Livewire 完成用户头像上传以及头像绑定	09:02
引入 Alpine.js 和 Cropper.js, 在前端用全新方式获取截取信息	06:26
告别传统的传递模式，Alpine 直接将数据传递给后端 Livewire 组件	04:53
在后端完成上传图片的裁剪和尺寸大小限定	06:51
隐藏文件上传 input 框，点击“换头像”直接弹出图片选择器	06:25
删除临时上传的图片文件，节省服务器存储空间	05:12

dds813 2021.11.24 15:44

在页面上使用temporaryUrl()调用临时文件为啥会报404错误呢，Request URL: https://idba.dds138.com/livewire/preview-file/6KPFP6gjaKHvGhZYX5NysU7NTPYkAT-metaMTYyNDY3NzM1OTg0Ny5wbmc=-.jpg?expires=1637741364&signature=9369454c7871e81b224ebe709de9ced2d2cdd698e80210505e34a07b86458500 Request Method: GET Status Code: 404

dds813 2021.11.24 15:45

'temporary_file_upload' =>
[
    'disk' => 'admin',        // Example: 'local', 's3'              Default: 'default'
    'rules' => null,       // 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',
    ],
    'max_upload_time' => 5, // Max duration (in minutes) before an upload gets invalidated.
],

livewire配置文件之前使用默认的也是这个错误，现在使用我修改后的还是这个错误

Codinget 2021.11.25 00:28

你让我怎么帮你？？你可以把关键步骤log出来，跟踪一下哪里出了问题，尤其路径那一部分，你只给我一个出错的结果信息，而这个信息又是又是一个无法溯源的出错信息，并没有提供有效的线索。

标题

微信扫码登录

微信扫码登录