Laravel 5 - 上传后图像模糊 - 干预

Question

我正在制作电子商务门户网站。我正在尝试以不同的分辨率上传图片，但效果很好。

但问题是，如果我在上传后在浏览器中查看，我会看到模糊的图像，这不是我想要的。我希望上传后图片清晰可见，不模糊。

这是它的控制器方法：

public function store( AddProductRequest $request ) {
    if(\Auth::guest()) {
        return redirect('/admin');
    }

    $imageType = [
        'thumbnail' => [
            'height' => 75,
            'width' => 75
        ],
        'product' => [
            'height' => 450,
            'width' => 450
        ],
        'cart' => [
            'height' => 200,
            'width' => 200
        ]
    ];

    if ( $request->file( 'image_file' ) ) {
        $fileName = $request->file( 'image_file' )->getClientOriginalName();

        $fileName = explode( '.', $fileName );
        $image = \Image::make( $request->file( 'image_file' ) );
        $path = public_path( 'images/uploads/' );

        foreach ($imageType as $key => $value) {
            if ($key == 'thumbnail') {
                $image->resize( $value['width'], $value['height'], function( $constraint ) {
                    $constraint->aspectRatio();
                });
                $image->save( $path.$fileName[0]."-thumbnail-". $value['width'] ."-".$value['height'] .".jpg", 100 );
            } elseif ( $key == 'product' ) {
                $image->resize( $value['width'], $value['height'], function( $constraint ) {
                    $constraint->aspectRatio();
                });
                $image->save( $path.$fileName[0]."-product-". $value['width'] ."-".$value['height'] .".jpg", 100 );
            } elseif ( $key == 'cart' ) {
                $image->resize( $value['width'], $value['height'], function( $constraint ) {
                    $constraint->aspectRatio();
                });
                $image->save( $path.$fileName[0]."-cart-". $value['width'] ."-".$value['height'] .".jpg", 100 );
            }
        }
    }       

    $product = Product::create( $request->all() );

    $product->tags()->attach( $request->input('tags') );

    \Session::flash('product_added', 'Product has been successfully added in the database.');
    return redirect('admin/products');
}

上传后如何避免显示模糊的图像？

请帮助我。提前致谢。

Answer 1

当前代码的问题是正在处理同一个图像文件。这导致原始文件被调整为 'thumbnail'，然后该缩略图被调整大小导致 'blocky' 输出。

答案是为每个 'resize' 操作创建一个原始文件的新 'Image' 文件。

代码也可以简化，因为生成输出文件名的所有信息都在 $imageType 数组中。

我没有 'framework' 所以我更改了函数以获取文件名和输出目录。实际上，输入文件名放在 SplFileInfo 结构中，因此我可以轻松访问文件名的各个部分，但这只是一个细节。

这是函数，对处理的唯一真正改变是每次从原始文件重新创建 'Image'。

<?php
function store(SplFileInfo $imageFile,
                $outDirectory) {

    $imageType = array(
        'thumbnail' => array(
            'height' => 75,
            'width' => 75
        ),
        'product' => array(
            'height' => 450,
            'width' => 450
        ),
        'cart' => array(
            'height' => 200,
            'width' => 200
        )
    );

    if (file_exists($imageFile->getRealPath())) {

        $fileName = explode('.', $imageFile->getFilename());
        $path = $imageFile->getPath();

        foreach ($imageType as $key => $value) {
            $image = Image::make($imageFile->getRealPath());
            $image->resize($value['width'], $value['height'],
                    function($constraint) {
                               $constraint->aspectRatio();
                    });
            $outFilename = $fileName[0] ."-{$key}-".
                           $value['width'] ."-". $value['height']
                            .".". $imageFile->getExtension();
            $image->save($outDirectory .'/'. $outFilename, 100);
        }
    }

    return true;
}

如果需要我会展示它的工作。

Laravel 5 - 上传后图像模糊 - 干预

Laravel 5 - blurry image after upload - intervention

php

image

laravel-5

intervention