[Urgent]Big Problem in Magento 2.1.6 Can't Create Re-size Image In Window 7 - Xampp

[zin-mi]

Hi Everyone,
I just Updated my site to Magento 2.1.6 in local but I have the problem with image re-size.
Here my issue when I turn on the "Developer" Mode

Error filtering template: Unable to write file into directory \D:/xampp/htdocs/mag2/ce216/mysite/pub/media/catalog/product\cache\2eaddfd0be171511b8beb7c8a6c1c63e\/c/v. Access forbidden.

I'm tried to clean all var and pub folder but not a success.

I'm using the Window 7 and Xampp Server.
Please help me resolved this issue.

Best Regards,
Ziven.

[duhon]

Magento does not support the operating system you've listed. Please confirm that you can reproduce this issue on a supported platform. For an overview of supported technologies, see System Requirements.

[Hoszi]

there is a simple way to solve this issue:
in vendor/magento/module-catalog/Model/View/Asset/Image.php:226
remove the 'DIRECTORY_SEPARATOR'
private function getRelativePath($result)
{
$result = $this->join($result, $this->getModule());
$result = $this->join($result, $this->getMiscPath());
$result = $this->join($result, $this->getFilePath());
return $result;
}

and:
/vendor/magento/module-catalog/Model/View/Asset/Image.php:130
replace DIRECTORY_SEPARATOR to '/'

PHP accepts both \ and / as valid path separators in all OS. So just use / in your code.

[Rickertje]

Hi I have similar problems. If I change the code according to Hoszi then all non-product images are shown correctly but the product images are not because in the image URL 'product/cache' is changed to 'productcache'. I think this is because of the removal of the DIRECTORY_SEPARATOR. If I add it back again then the produt URLs are fine but then the non-product images are wrong (because of 2 // in the URL). So Hoszi can you explain some more maybe? Thx.

[Hoszi]

Try this

private function getRelativePath($result)
{
    $prefix = $result == '/' ? $result : '';
    $result = $this->join($result, $this->getModule());
    $result = $this->join($result, $this->getMiscPath());
    $result = $this->join($result, $this->getFilePath());
    return $prefix . $result;
}

And You can replace all DIRECTORY_SEPARATOR to '/' in this file.

[Rickertje]

This did the trick Hoszi thanks a lot :)

[sanjayjethva]

Still my all product images are not loading. All Product images are showing 404

[mikelevy300]

@sanjayjethva You need to do both of the suggestions from @Hoszi.

In vendor/magento/module-catalog/Model/View/Asset/Image.php:

• replace all DIRECTORY_SEPARATOR with '/'

Edit the getRelativePath function, to look like:
private function getRelativePath($result)
{
$prefix = $result == '/' ? $result : '';
$result = $this->join($result, $this->getModule());
$result = $this->join($result, $this->getMiscPath());
$result = $this->join($result, $this->getFilePath());
return $prefix . $result;
}

I had the same issue and played around with it some to see if both changes were needed. If you just replace DIRECTORY_SEPARATOR then the file paths are still broken and you get the forbidden access error. If you just add the $prefix parts to getRelativePath then the forbidden access error goes away but all the product images will 404.

[shahankitb997]

In 2.1.6 CE Below Works for Me

private function join($path, $item)
{
   return trim($path . ($item ? '/' . ltrim($item, '/') : ''),'/');
}

private function getRelativePath($result)
{
    $result = $this->join($result, $this->getModule());
    $result = $this->join($result, $this->getMiscPath());
    $result = $this->join($result, $this->getFilePath());
    return $result;
}

[sanjayjethva]

Hi @mikelevy300
Thanks for your answer.
Actually all product cache images were broken and unable to load.
Can you please tell me how can i resolve that?

Thanks

[taypyc]

I fixed this issue by removing DIRECTORY_SEPARATOR as below
private function getRelativePath($result)
{
$result = $this->join($result, $this->getModule());
$result = $this->join($result, $this->getMiscPath());
$result = $this->join($result, $this->getFilePath());
return $result;
}
in the file app/code/Magento/Catalog/Model/View/Asset/Image.php:226

Did you just edit core files?

How can I overwrite the app/code/Magento/Catalog/Model/View/Asset/Image.php in my custom theme?