【问题标题】:Laravel 4 - blade Images don't display properlyLaravel 4 - 刀片图像无法正确显示
【发布时间】:2015-02-17 19:31:57
【问题描述】:

我在通过 Laravel 刀片模板显示图像时遇到问题。

在我的“change-profile.blade.php”文件中,我有一个表单,允许经过身份验证的用户更改一些配置文件信息。在这种特定情况下,我想根据提供的性别输入显示头像。

到目前为止一切顺利,我的 js 运行良好,我的图片 url 在路径方面似乎没问题。 问题是图像结果损坏,我真的不知道为什么。 这是我的代码:

@extends('layout.main')
@section('content')
    <form action="{{ URL::route('profile-change-profile') }}" method="post">
        <fieldset class="change-profile">
            <legend>Change Profile</legend>
            <p>
                <input type="radio" class="gender" name="gender" value="male" /><span>male</span>
                <input type="radio" class="gender" name="gender" value="female" /><span>female</span> 
            </p>
            <p>
                <ul class="males gender">
                    @for ($i = 0; $i < 75; $i++)
                        <li><img src="{{ asset('assets/img/avatar/males/m-' . ($i+1) . '.png') }}" alt="avatar_male_{{ $i+1 }}"></li>
                    @endfor
                </ul>
                <ul class="females gender">
                    @for ($i = 0; $i < 40; $i++)
                        <li><img src="{{ asset('assets/img/avatar/females/f-' . ($i+1) . '.png') }}" alt="avatar_female_{{ $i+1 }}"></li>
                    @endfor
                </ul>
                <input type="hidden" class="avatar-src" name="avatar-src" value="" />
            </p>
            <p class="form-action">
                <button type="submit">submit</button>
                {{ Form::token() }}
            </p>
        </fieldset>
    </form>
@stop

我的图片以 png 文件的形式存储在 public/assets/img/avatar/(females|males)/(m|f)-n.png 中

有什么帮助吗?

【问题讨论】:

  • 生成的 HTML 是什么样的?
  • 一切正常,我的意思是我的视图中没有任何错误,链接似乎是正确的,除了图像损坏,所以可能是我写的东西不正确。
  • @ceejayoz 结果(例如,我只复制第一个结果):'
  • localhost:8888/wankster/v2/public/assets/img/avatar/males/…" alt="avatar_male_1">
  • '

标签: php laravel blade templating


【解决方案1】:

你试过了吗?

<li><img src="/assets/img/avatar/male/m-{{$i+1}}.png" alt="avatar_male_{{ $i+1 }}"></li>

<li><img src="/assets/img/avatar/females/f-{{$i+1}}.png" alt="avatar_female_{{ $i+1 }}"></li>

【讨论】:

【解决方案2】:

找到解决方案! 我的代码没有问题,只是文件夹加密。 使用文件夹加密(由于 OSX 上保存的 zip 文件夹或 zip 文件),这些文件在解压缩过程中存在,但在您手动禁用加密本身之前,它们无法访问(从浏览器)。 您可以避免在 Windows 上遇到这个烦人的问题,只需右键单击“绿色”文件名/文件夹,选择高级并去掉与加密相关的勾号(最后一个勾号,左下角)。

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签