Android Question in webview no pictures appear

[DALB]

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 ?

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]

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

 

[sorex]

there's no need for copying files.

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

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

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

 

[DALB]

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.

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]

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]

Thanks for the information drgottjr.

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