(REPOST) Inline display of EasyBlog article image inside EasySocial, guess sitebase URL problem.
By Dreamonde Limited / Alfred Tang on Tuesday, 22 April 2014
Posted in Technical Issues
Replies 14
Likes 0
Views 736
Votes 0
Hi Team,

NOTE: Guess my last post screw-up due to the site upgrade, This is the repost version with additional details; I will close the previous post.

I guess my situation is a bit complicated, let me explain one by one. I guess this is a similar issue to my previous problem with the search item's URL..

Environment:
- J3.2.3
- PHP 5.4.27
- ES 1.2.8 (latest)
- EB 3.9.15370 (latest)
- Installed Blog App v.1.0.11 (latest)
- Falang enable for Multi-lingual support.

Image display in EasyBlog:
- No issue, all works like a charm

Image display in EasySocial:
(Dashboard/Stream)
Filter - Blog: No issue, Blog thumb image display correctly, no content image is displayed
Application - Blog: No issue, no thumb image and no content image is displayed

(My Profile)
Apps - Timeline: No issue, Blog thumb image display correctly, no content image is displayed

Apps - Blog :
- When the AXAJ loaded, I can see the article with proper header image (same thumb pic but a large version)
- All images in the content = broken link, since the source url for images are : (I am testing under the UAT site)
http://192.168.0.112/main/en/town/home/media/com_easysocial/photos/1/1/e95f92c84d6be8fe91ae715e82734cfe_original.jpg
** You can see the /media folder targeted to my Joomla's menu structure, not the site base.
** /main is the Joomla folder
- this won't fix by clicking other apps and then come back to Blog; same issue.

but STRANGE thing happened when I REFRESH / RELOAD the browser page (Apps-Blog);
- All images are now correctly displayed:
img source url changed to: http://192.168.0.112/main/media/com_easysocial/photos/1/1/e95f92c84d6be8fe91ae715e82734cfe_original.jpg
** now it is not following my Joomla's folder SEF, but the real address

I tried it on your demo site but since your demo site are using EasySocial as a default home page, I guess the behavior may be a bit different. I am not setting ES as my default home page.

I would like to describe in details more "technically" :
[ If the broken image referring to a uploaded image]
Load up the page with AJAX ( I have to remove the h_t_t_p header to avoid it auto add "stackideas.com" to my codes): src=
/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg

After pressed the REFRESH button ( I have to remove the h_t_t_p header to avoid it auto add "stackideas.com" to my codes): src=
/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg

Same reult.

[If the broken image referring to a photo in author''s ES album]
Load up the page with AJAX ( I have to remove the h_t_t_p header to avoid it auto add "stackideas.com" to my codes): src=
media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

After pressed the REFRESH button ( I have to remove the h_t_t_p header to avoid it auto add "stackideas.com" to my codes): src=
/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

See, the path changed, an "/main" add to the beginning... how could that happen and cannot under the logic of the respective code. I just wonder something wrong with the code...

Please advise if it's my isolated issue? or some issue with the program design to retrieve site root / joomla root ?

Thanks a lot.

Best regards,
Alfred/ Dreamonde
Hello Alfred,

I'm really sorry that late reply to this,
It seems like you're using the JCE-Editor, so i have help configure the JCE-Editor setting from your backend > JCE component > Edit profile > select Front End (Zoo/Hika) > Editor parameter tab > Relative URLs - NO Check my attachment screenshot below. So you can see the step 3 screenshot is showing both image now.

Regarding with your second issues:
ESAlbumPic.jpg
- The inline image from the content cannot be shown, see below Chrome inspector then you can see the src path:
SRC:
media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg
Real address the browser will point to: (right click the SRC choose "Copy Link Address" in Google inspector)
https://x.x.x.x/main/en/town/home/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg
- from the real address, the location is incorrect, should not include SEF menu structure)
- [ in Google Chrome ] this picture cannot be loaded the first time, but ok after press [REFRESH]
after refresh, its SRC:
/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg
Real URL: (this is the correct address - see the attachment correct.png)
https://x.x.x.x/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

- [ in Safari ] this picture can be load probably via 1st AJAX call, however, after pressing [REFRESH] is shows broken link
- [ I didn't test with IE/ Firefox ]

Can you provide some screenshot or record a video show us how to reproduce on this issues? Please advise.
Arlex Wong
·
Friday, 25 April 2014 11:57
·
0 Likes
·
0 Votes
·
0 Comments
·
I've just updates the codes in this post.... because the forum add the "stackideas.com" automatically inside my quoted codes. If possible, please also help to move this post back to EasySocial category, I guess I have post it into an incorrect forum due to a shock of new forum interface :> hehe.... thanks
Dreamonde Limited / Alfred Tang
·
Tuesday, 22 April 2014 21:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry for my bad english.... let me explain a bit clearly:

This is all about showing an EasyBlog post in EasySocial - user's page. (Dashboard stream have no issue as it is not showing inline image of a blog)

for the first pair of codes: (load a content image from "the EasyBlog Media manager"), the src points to
"/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg"
which leads to a real site address...
http://192.168.0.112/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg
...without the "/main" my joomla folder, so it turns out a broken image link.

the second pair of codes: (Now load a content image from ES's user album), the src points to
load via AXAJ:
"media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg"
real address:
http://192.168.0.112/main/zh/town/home/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

load via Refresh:
"/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg"
real address (correct result and image can be shown):
http://192.168.0.112/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

This is quite strange to me. All other URLs and are working probably except inline image codes (thumb image has no issue at all), in EasySocial only. All elements are working probably within only EasyBlog.

Thanks
Dreamonde Limited / Alfred Tang
·
Tuesday, 22 April 2014 21:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Alfred,

Sorry but I am not too sure how to reproduce these issues. Can you please upload this to a temporary location so that we can debug this?
Mark
·
Tuesday, 22 April 2014 22:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Sure, give me a while to sort out an online UAT environment for you... I will send you more details when it is prepared. Thanks a lot!

Best regards,
Alfred
Dreamonde Limited / Alfred Tang
·
Tuesday, 22 April 2014 23:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Here below is the online UAT site details for your info.

You have granted full access to
- Admin area
- FTP with owner's access to
/components/com_easyblog
/components/com_easysocial
/administrator/components/com_easyblog
/administrator/components/com_easyblog

You may also use below two users for your user testing, password same as the admin's password
- demouser
- demouser2

I've created 2 blogs with below titles for your testing under "demouser", you may login it's profile and then go to...
: Town > Home > My Profile > under "Apps" click "Blog"
then you can see the 2 latest posts, there are two broken image, as titled, one points to ES's album - Avatar Photo, and the other one points to "uploaded" pic in media manager.

If you need additional access to any FTP site folder, please let me know.

Thanks

Best regards
Alfred
Dreamonde Limited / Alfred Tang
·
Wednesday, 23 April 2014 01:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Team,

Any news from your side?

Thanks.
Dreamonde Limited / Alfred Tang
·
Wednesday, 23 April 2014 17:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Team,

May I know if any progress or finding to my described issue, with the UAT site provided. Since we need to plan a schedule for loading EasyBlog into the production environment. Thanks.

Best regards,
Alfred
Dreamonde Limited / Alfred Tang
·
Thursday, 24 April 2014 13:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Dreamonde Limited,

Sorry for late reply to this,
Regarding with your second reply issues :
You may also use below two users for your user testing, password same as the admin's password
- demouser
- demouser2

I've created 2 blogs with below titles for your testing under "demouser", you may login it's profile and then go to...
: Town > Home > My Profile > under "Apps" click "Blog"
then you can see the 2 latest posts, there are two broken image, as titled, one points to ES's album - Avatar Photo, and the other one points to "uploaded" pic in media manager.

I have tried to login in this user account demouser, it seems like when i access Town > Home > My Profile > under "Apps" click "Blog"
the 2 image is show properly -> http://screencast.com/t/ezGF0WqlJ6pR Am i missing something here?
Can you provide some screenshot regarding this "other one points to "uploaded" pic in media manager." ?

This is all about showing an EasyBlog post in EasySocial - user's page. (Dashboard stream have no issue as it is not showing inline image of a blog)

for the first pair of codes: (load a content image from "the EasyBlog Media manager"), the src points to
"/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg"
which leads to a real site address...
http://192.168.0.112/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg
...without the "/main" my joomla folder, so it turns out a broken image link.

Actually i have a little lost here, do you mean that when you double click the image from media manager -> http://screencast.com/t/U3updzm21s (the path is show correct with /MAIN/..)

the second pair of codes: (Now load a content image from ES's user album), the src points to
load via AXAJ:
"media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg"
real address:
http://192.168.0.112/main/zh/town/home/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

load via Refresh:
"/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg"
real address (correct result and image can be shown):
http://192.168.0.112/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

I have checked in your site, it seems like show correctly -> http://screencast.com/t/NhW8bcwJ
If i correct wrong your meaning, is it possible record a short video how to reproduce your issues? Please advise.
Arlex Wong
·
Thursday, 24 April 2014 18:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alrex,

Thanks for your help, let me elaborate a bit more. There are two screen shots for your reference, as below:

UploadThembPic.jpg
- The inline image from the content cannot be shown, see below Chrome inspector then you can see the src path:
SRC:
/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg
Real address the browser will point to: (right click the SRC choose "Copy Link Address" in Google inspector)
https://x.x.x.x/images/blog_images/170/b2ap3_thumbnail_black_hole_by_m3_f-d55h1n0.jpg
- from the real address, you see the /joomla folder left out, so it only shows a broken link
- [ Chrome / Safari ] REFRESH doesn't help to get the image as it points to an incorrect address without /joomla base folder.

ESAlbumPic.jpg
- The inline image from the content cannot be shown, see below Chrome inspector then you can see the src path:
SRC:
media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg
Real address the browser will point to: (right click the SRC choose "Copy Link Address" in Google inspector)
https://x.x.x.x/main/en/town/home/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg
- from the real address, the location is incorrect, should not include SEF menu structure)
- [ in Google Chrome ] this picture cannot be loaded the first time, but ok after press [REFRESH]
after refresh, its SRC:
/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg
Real URL: (this is the correct address - see the attachment correct.png)
https://x.x.x.x/main/media/com_easysocial/photos/1/1/2e148074ed9d80ce4496e760b2320580_thumbnail.jpg

- [ in Safari ] this picture can be load probably via 1st AJAX call, however, after pressing [REFRESH] is shows broken link
- [ I didn't test with IE/ Firefox ]

Thanks.
Dreamonde Limited / Alfred Tang
·
Thursday, 24 April 2014 19:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Alfred,

I am sorry for the delay of this reply.

Regarding your issue, can you edit your configuration.php and look for below code at line 39:

public $live_site = '';


and replace the above with:

public $live_site = 'http://youripaddress/main/';


Let me know if adding the live_site fix your issue or not.

If not, then can you give read + write permission to folder JOOMLA/media for the ftp user you provided?
Please advise.

Hope this help and have a nice day
Sam
·
Thursday, 24 April 2014 20:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alrex,

I've modified the configurations.php with your suggestion, however it doesn't work. I've purged the cached before trying.

I've granted set the ftp user as the folder OWNER for /media and you may have a look into it. Please note it is possible that something cannot be saved via the web-server for /media folder as the webserver only have read access to the folder only (after changing the owner). Just in case if you still need anything please let me know.

Thanks a lot.
Dreamonde Limited / Alfred Tang
·
Thursday, 24 April 2014 20:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Alrex,

Thanks a billion for your help to fix my issue. I never thought of the problem was coming from JCE editor...

The second issue was automatically resolved with your JCE fix, I guess it was some sort of Chrome specific behavior for relative url and ajax calls.

Anyway, really appreciate your help and have a nice day~!

Best regards,
Alfred
Dreamonde Limited / Alfred Tang
·
Friday, 25 April 2014 13:35
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome Alfred, glad that your issues are resolved now
Mark
·
Friday, 25 April 2014 18:54
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post