Image load... image loads then shows broken image

-- url of the page with the problem -- : 52.14.67.193
-- HikaShop version -- : 3.3.0
-- Joomla version -- : 3.8.5.
-- PHP version -- : 7.1.4
-- Browser(s) name and version -- : chrome
-- Error-message(debug-mod must be tuned on) -- : none

Hello!

Unable to load images for product.

Image loads. Shows hallow box/icon. Upon saving, the box/icon shows broken. No errors,

If I check the /media/com_hikashop/upload, there's no image.

I can upload the image to /joomla/media/com_hikashop/upload and try to link to it, but same problem.

directory permissions is set to:775.

Image name: c5.png
Image size : 35k

I've tried with different file types, same problem.

Thanks!

Here are 4 screen shots.
The first is after upload,

the second is after save,


and the third is joomla debug mode:


the fourth is consul debug

Okay, I'll try again.

When I try to load an images, it fails. Maybe this screen shot will help:

Hi,

Okay, I tried to load an image with the "Network" tab of the developer tools open. Here's the screen:

This is what I get when I click on the post:



Thanks.

Thanks. You really can't see everything in the preview, so I gave you a cut and past too:

{name: "c5_1532185624.png", size: 36485, type: "image/png",…}
file_id: 36
html: "<a href="#delete" class="deleteImg" onclick="return window.productMgr.delImage(this, 'product');"><img src="../media/com_hikashop/images/cancel.png" border="0"></a><div class="hikashop_image"><a onclick="return window.productMgr.editImage(this, 36, 'product');" id="" href="/administrator/index.php option=com_hikashop&ctrl=product&task=selectimage& cid=36&pid=1&tmpl=component" data-hk-popup="squeezebox" data-squeezebox="{handler: 'iframe', size: {x: 750, y: 460}}"><img src="" alt="c5_1532185624" /></a></div><input type="hidden" name="data[product][product_images][]" value="36"/>"
name: "c5_1532185624.png"
size: 36485
thumbnail_url: null
type: "image/png"
url: "../images/com_hikashop/upload/c5_1532185624.png"

Here the Response:

{"name":"c5_1532185624.png","size":36485,"type":"image\/png","url":"..\/images\/com_hikashop\/upload\/c5_1532185624.png","html":"<a href=\"#delete\" class=\"deleteImg\" onclick=\"return window.productMgr.delImage(this, 'product');\"><img src=\"..\/media\/com_hikashop\/images\/cancel.png\" border=\"0\"><\/a>\r\n<div class=\"hikashop_image\">\r\n<a onclick=\"return window.productMgr.editImage(this, 36, 'product');\" id=\"\" href=\"\/administrator\/index.php?option=com_hikashop&ctrl=product&task=selectimage&cid=36&pid=1&tmpl=component\" data-hk-popup=\"squeezebox\" data-squeezebox=\"{handler: 'iframe', size: {x: 750, y: 460}}\"><img src=\"\" alt=\"c5_1532185624\" \/><\/a><\/div><input type=\"hidden\" name=\"data[product][product_images][]\" value=\"36\"\/>\r\n","thumbnail_url":null,"file_id":36}




Here's preview with debug on:

{name: "c5_1956578068.png", size: 36485, type: "image/png",…}
file_id:38
html:"<a href="#delete" class="deleteImg" onclick="return window.productMgr.delImage(this, 'product');"><img src="../media/com_hikashop/images/cancel.png" border="0"></a><div class="hikashop_image">
<a onclick="return window.productMgr.editImage(this, 38, 'product');" id="" href="/administrator/index.php?option=com_hikashop&ctrl=product&task=selectimage&cid=38&pid=1&tmpl=component" data-hk-popup="squeezebox" data-squeezebox="{handler: 'iframe', size: {x: 750, y: 460}}"><img src="" alt="c5_1956578068" /></a></div><input type="hidden" name="data[product][product_images][]" value="38"/>
↵"
name:"c5_1956578068.png"
size:36485
thumbnail_url:null
type:"image/png"
url:"../images/com_hikashop/upload/c5_1956578068.png"

Here's reponse with debug on:

{"name":"c5_1956578068.png","size":36485,"type":"image\/png","url":"..\/images\/com_hikashop\/upload\/c5_1956578068.png","html":"<a href=\"#delete\" class=\"deleteImg\" onclick=\"return window.productMgr.delImage(this, 'product');\"><img src=\"..\/media\/com_hikashop\/images\/cancel.png\" border=\"0\"><\/a>\r\n<div class=\"hikashop_image\">\r\n<a onclick=\"return window.productMgr.editImage(this, 38, 'product');\" id=\"\" href=\"\/administrator\/index.php?option=com_hikashop&ctrl=product&task=selectimage&cid=38&pid=1&tmpl=component\" data-hk-popup=\"squeezebox\" data-squeezebox=\"{handler: 'iframe', size: {x: 750, y: 460}}\"><img src=\"\" alt=\"c5_1956578068\" \/><\/a><\/div><input type=\"hidden\" name=\"data[product][product_images][]\" value=\"38\"\/>\r\n","thumbnail_url":null,"file_id":38}

Hi Nicolas and thank you for your help.
Your are correct, the images do upload successfully, but for some reason aren't displayed.
I have set the upload and thumbnail permissions to 775. I have reinstalled the latest version of Hikashop from your site.

Unfortunately, still the same issue.

My server is a Joomla on LEMP 7. Most recent version of Hikashop starter
I have setup an identical server to test if it behaves the same. It does but the error reporting is better.
Here is a snapshot of what I get after I try to save an image that's never been uploaded. How could there be an alias if It's never been uploaded. I get the same error for any image I upload and try to save.

Oh my I guess I'm starting to get desperate.

Thank you Jerome,

Here is my Hikashop version:

Here are my permissions for the upload directories, these show 755, I have gone as far as to set them to 777, same problem:



Here are my thumbnail settings:


Here are my Image settings:


The last trick "Do not save BUT click on the title "Products", didn't work.

Thanks for helping