How to set the full path to an image in HTML Editor?

4/26/2014 8:23 am | #1 FPhu61701534

I built a native app using Phonegap Build which accesses a dynamic webpage. Unfortunately, the image which I uploaded to the MySQL database using the HTML Editor is not showing on the dynamic webpage because it is stored in a relative path instead of the full path. I can only see a broken image icon. I tried editing the path directly in the database by replacing say "/upload/image.jpg" to "http://mywebsite.com/upload/image.jpg" and it works. So how do I set the HTML Editor such that I can set the full path of the image in the database every time an image is uploaded?

4/28/2014 6:30 am | #2 Jason ByrnesWebAssist

The relative path should be fine, it wont need the full path top the image. if the relative path is not working, I'll need to troubleshoot directly, see the private message section.

4/28/2014 6:35 am | #3 FPhu61701534

The relative path works if I run as a mobile web app on a browser. But for PhoneGap, the image will not show. I manually replaced the relative path stored in the database directly with the full path (eg: http://mydomain.com/upload/image.jpg) and it works. Therefore, I need to store the uploaded image in the database with the full path, not the relative path. I need to know how to set the HTML Editor to do so.

4/28/2014 8:46 am | #4 Jason ByrnesWebAssist

But as I mentioned before, the image appears in the web page but not in the Phonegap app if the image's path stored in the database is a relative path. Phonegap only accepts full path (eg: http://fred.appmobile.mobi/upload/image.jpg) based on my testings.

so on the phone gap app, add a base tag to set the base URL

<base href="http://fred.appmobile.mobi/" >

4/28/2014 11:31 am | #5 FPhu61701534

Where do I add the base URL in the webpage?

One more thing, the thumbnail image does not show up after I uploaded an image (see attached screenshot). I also got a strange thumbnail image (see the fourth one in the attached screenshot)

4/28/2014 1:01 pm | #6 Jason ByrnesWebAssist

the base href tag goes on the pages that should show the image but need the full path just after the <head> tag.

for the file manager icons, it looks like the ,files in the webassist/kfm folder are corrupted.

when I download the webassist/kfm/index.php page, the code in that file and others I download is double spaced, this can cause php errors and I have seen it cause the problem with the icons.

use file zilla or another 3rd part ftp program to upload the webassist/kfm folder to the server.

Email me with all replies to this thread

Title:

Public Message: (viewable by anyone reading this thread)
(do not cut and paste code into this field unless necessary, attach copies of your pages so they can be opened in Dreamweaver for debugging)

Quote message in reply?

Private Message: (viewable only by you, the person you are replying to, and WebAssist employees)
(only put truly private information in this area such as ftp details and phone numbers. Keep as much of your post public as possible)

These attachments are private (viewable only by you, the person you are replying to, and WebAssist employees)

Manage Attachments

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

How to set the full path to an image in HTML Editor?

4/26/2014 8:23 am | #1 FPhu61701534