Coding10

当前视频免费，登录后即可观看

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

发布于: 2021.11.04

标题	时间
使用 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

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' => [

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

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

Codinget 2021.11.25 00:28

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

Hello

developer 2021.12.27 11:59

想问下，我上传的图片和得到的路径都是正确的，public/users, 但是访问的时候404，必须在域名后面加个storage 才能访问，这是需要配置什么地方吗？在线等

Codinget 2021.12.27 12:16

这个我也试过通过配置进行路径修改，但是跟一些后台系统会形成冲突，上传的时候最好自己控制路径吧，把storage信息补充完毕，避免后续出现各种问题，如果没有这个信息的话，很容易跟public里面的同名目录和资源路径造成冲突，反而会出现更严重的问题。我这里就遇到过这种问题，开发环境没问题，一部署就各种冲突，最后上传的时候我显式制定好路径

developer 2021.12.27 12:20

这样啊，我看您的教程，直接输出了，此课程前面部分也没有修改默认filesystem配置文件，直接访问了 users里面的路径，现在明白了，那我得制定好路径喽感谢分享

标题

微信扫码登录

微信扫码登录