标 题 | 时 间 |
---|---|
使用 Alpinejs、Cropperjs、Livewire 完成头像上传,裁剪功能演示 | 02:57 |
使用Livewire组件化的方式创建个人中心页面 | 05:40 |
使用 Livewire 完成用户头像上传以及头像绑定 | 09:05 |
引入 Alpine.js 和 Cropper.js, 在前端用全新方式获取截取信息 | 06:29 |
告别传统的传递模式,Alpine 直接将数据传递给后端 Livewire 组件 | 04:55 |
在后端完成上传图片的裁剪和尺寸大小限定 | 06:52 |
隐藏文件上传 input 框,点击“换头像”直接弹出图片选择器 | 06:28 |
删除临时上传的图片文件,节省服务器存储空间 | 05:13 |
标 题 |
---|
在页面上使用temporaryUrl()调用临时文件为啥会报404错误呢,Request URL: https://idba.dds138.com/livewire/preview-file/6KPFP6gjaKHvGhZYX5NysU7NTPYkAT-metaMTYyNDY3NzM1OTg0Ny5wbmc=-.jpg?expires=1637741364&signature=9369454c7871e81b224ebe709de9ced2d2cdd698e80210505e34a07b86458500
Request Method: GET
Status Code: 404
'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配置文件之前使用默认的也是这个错误,现在使用我修改后的还是这个错误
你让我怎么帮你??你可以把关键步骤log出来,跟踪一下哪里出了问题,尤其路径那一部分,你只给我一个出错的结果信息,而这个信息又是又是一个无法溯源的出错信息,并没有提供有效的线索。
``` Hello ```
想问下, 我上传的图片和得到的路径都是正确的,public/users, 但是访问的时候404, 必须在域名后面加个storage 才能访问, 这是需要配置什么地方吗 ? 在线等
这个我也试过通过配置进行路径修改,但是跟一些后台系统会形成冲突,上传的时候最好自己控制路径吧,把storage信息补充完毕,避免后续出现各种问题,如果没有这个信息的话,很容易跟public里面的同名目录和资源路径造成冲突,反而会出现更严重的问题。我这里就遇到过这种问题,开发环境没问题,一部署就各种冲突,最后上传的时候我显式制定好路径
这样啊, 我看您的教程, 直接输出了, 此课程前面部分也没有修改默认filesystem配置文件, 直接访问了 users里面的路径, 现在明白了,那我得制定好路径喽 感谢分享