Android Question in webview no pictures appear

DALB · Feb 20, 2020

Hello everyone,

in a little app, i try to put a web page by this way, using a webview object in the designer which name is wv1.
with an editor, I build a page I save as 'index.html'.

This page has text and pictures.
When I import in the index.html in b4a, the pictures are in a folder 'images' I create.
But, when I launch the app, the pictures don't appear, letting only a blank area.

Here is my code. Is there a mistake somewhere ?

B4X:

Sub Activity_Create(FirstTime As Boolean)
    'Do not forget to load the layout file created with the visual designer. For example:
    Activity.LoadLayout("hc")

    File.Copy(File.DirAssets, "index.html", File.DirInternal, "index.html")
   
    File.MakeDir(File.Dirinternal, "\images")

    If File.Exists(File.Dirinternal & "/\images","auto.png" ) = False Then
        File.Copy(File.DirAssets, "auto.png", File.Dirinternal & "/\images", "auto.png")
    End If
   
    wv1.LoadUrl("file://" & File.Combine(File.DirInternal, "index.html"))'ok but no image

End Sub

Erel · Feb 20, 2020

The paths look strange. Why do you use a forward slash '\' ?

sorex · Feb 20, 2020

there's no need for copying files.

you can replace the [path] in <img src=[path]myimg.png> with

B4X:

src=src.replace("[path]",xui.FileUri(file.dirAssets,""))

and they will show up just fine on both Android & IOS.

DALB · Feb 21, 2020

hello thank for answering.
I saw the strange "/\" in a web page.
trying "/" it didn't work, and I would to try the "/\" thinking that it was the right way.

A bad idea after some tryings.
But now, it works.

B4X:

Sub Globals
    'These global variables will be redeclared each time the activity is created.
    'These variables can only be accessed from this module.
    Private wv1 As WebView
End Sub

Sub Activity_Create(FirstTime As Boolean)
    'Do not forget to load the layout file created with the visual designer. For example:
    Activity.LoadLayout("hc")

File.Copy(File.DirAssets, "index.html", File.DirInternal, "index.html")
    File.MakeDir(File.Dirinternal, "images")
    'To define a External root Dir here is very important
        File.Copy(File.DirAssets, "auto.png", File.Dirinternal & "/images", "auto.png")
        File.Copy(File.DirAssets, "DALB.png", File.Dirinternal & "/images", "DALB.png")
        File.Copy(File.DirAssets, "img0001.gif", File.Dirinternal & "/images", "img0001.gif")
    wv1.LoadUrl("file://" & File.Combine(File.DirInternal, "index.html"))'ok sans image

...

end sub

index.html has the folder images beside it containing the three pictures:

dirInternal
....................---> index.html
....................---> images (with its 3 pictures)
........................................ ---> auto.png
.........................................---> DALB.png
........................................ ---> image0001.gif

Sorex, I'll try you code soon.

Thank you for you two.

drgottjr · Feb 21, 2020

show us index.html. exactly how is the <img> tag worded. it needs to look something like this: <img src="file:///android_asset/DALB.png">
you don't need to copy the images or the html from dirassets. they can all be loaded into your webview from dirassets.

also, fyi: that "\/" thing you saw somewhere is json encoding. it's very common.

DALB · Feb 21, 2020

Thanks for the information drgottjr.

I don't know a day where I never learn somehing...it makes me happy !

Android Question in webview no pictures appear

DALB

Active Member

Erel

B4X founder

sorex

Expert

DALB

Active Member

drgottjr

Expert

DALB

Active Member

Similar Threads

Android Question in webview no pictures appear

DALB

Active Member

Erel

B4X founder

sorex

Expert

DALB

Active Member

drgottjr

Expert

DALB

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency