close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

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

Thread began 4/26/2014 11:23 am by FPhu61701534 | Last modified 4/28/2014 4:01 pm by Jason Byrnes | 651 views | 5 replies |

FPhu61701534

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

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?

Sign in to reply to this post

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.

Sign in to reply to this post

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.

Sign in to reply to this post

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/" >

Sign in to reply to this post

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)

Sign in to reply to this post

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.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...