iOS Question Pictures in WebView HTML

[MitchBu]

I am trying to display a picture file in the B4i WebView, but it does not work.

Here is how I get the code for an img tag src. Before calling that, I make sure the file exists.

        Dim src As String = QUOTE & xui.FileUri(AppData, filenameLetterPicture) & QUOTE

I get a full path to a file:

src: "file:///var/mobile/Containers/Data/Application/EF6DB2F1-7AE0-4441-945A-26D01E0D276E/Library/com.bujardet.data/test2_1618643146657_letter_logo.jpg"

Problem is, nothing appears.

What should I do ?

TIA

 

[MitchBu]

I have done the same I do in the help files I use. Now it works:

Dim src As String
        src = QUOTE & "data:image/jpeg;base64,"
        Dim su As StringUtils
        src = src & su.EncodeBase64(File.ReadBytes(AppData,filenameLetterPicture)) & QUOTE

 

[Erel]

Check this code: https://www.b4x.com/android/forum/threads/b4x-use-webview-to-show-large-images.102910/

 

[MitchBu]

Check this code: https://www.b4x.com/android/forum/threads/b4x-use-webview-to-show-large-images.102910/

Thank you Erel.

It works fine to show just the picture in the WebView, but what I need it to be able to use pictures in an HTML page.

"<img src='file://" & File.Combine(Dir, FileName) & "'>"

This does not work.

 

[Semen Matusovskiy]

Imagine that you want to show 1.jpg, which you included using File Manager tab in IDE.

WebView1.LoadHtml ("<img width=100% src=" & QUOTE & xui.FileUri (File.DirAssets, "1.jpg") & QUOTE & ">")

Interesting, why this code works.
In topics dated 5-6 years ago I saw a recommendation to copy pictures from assets to physical folders . Probably, something was changed in IOS.

 

[MitchBu]

Imagine that you want to show 1.jpg, which you included using File Manager tab in IDE.

WebView1.LoadHtml ("<img width=100% src=" & QUOTE & xui.FileUri (File.DirAssets, "1.jpg") & QUOTE & ">")

Interesting, why this code works.
In topics dated 5-6 years ago I saw a recommendation to copy pictures from assets to physical folders . Probably, something was changed in IOS.

Strange. It does work with DirAssets indeed.

But as soon as I use another folder, no luck

I wonder if that is not a problem of permissions.

 

[Semen Matusovskiy]

I don't think that this behaviour is relative to permissions. Can you make a small example, which does not work ?

 

[MitchBu]

OK. After much trial and error, here is what I found out:

The code you posted works only with File.DirAssets and File.DirTemp.

So now what I do is, to copy pictures to File.DirTemp before displaying them in WebView HTML.

 

[Semen Matusovskiy]

The code you posted works only with File.DirAssets and File.DirTemp

I wrote a little sample. Works fine in simulator.
But does not show a picture on iPhone for DirLibrary and DirDocuments. Strange.

 

[MitchBu]

Indeed, I use the real device to debug. And see the same.

 

[aeric]

It works fine to show just the picture in the WebView, but what I need it to be able to use pictures in an HTML page.

What does this statement suppose to mean?

 

[MitchBu]

What does this statement suppose to mean?

Have you been there :

[B4X] Use WebView to show large images

Better to use: [B4X] HugeImageView - show very large images Depends on: XUI and JavaObject. 'xui is a global XUI object. Private Sub ShowImage(WV As WebView, Dir As String, FileName As String) #if B4A Dim jo As JavaObject = Me jo.InitializeContext 'comment this line if calling this...

www.b4x.com

 

[aeric]

You mean this works for you?

WV.LoadUrl("file://" & File.Combine(Dir, FileName))

But this not works for you?

WV.LoadHtml($"<img src="${xui.FileUri(Dir, FileName)}"/>"$)

 

[MitchBu]

You mean this works for you?

WV.LoadUrl("file://" & File.Combine(Dir, FileName))

But this not works for you?

WV.LoadHtml($"<img src="${xui.FileUri(Dir, FileName)}"/>"$)

If you care to read the whole thread, what happens is that if the picture file is pointed at as an src, it displays only if it is in file.DirAssets, or File.DirTemp.

 

[aeric]

Yes, it works for File.DirAssets out of the box. Isn’t this what you wanted? Why you want to use other locations?

 

[MitchBu]

Because I want the user to select pictures from his camera roll to enter in the HTML page.

File.DirAsset is read only.

 

[aeric]

I see. As far as I know, only DirDocuments is writable. I remember ImageView can read from this location. If you want to use WebView then I think the only option is to copy the image to DirTemp.

 

[MitchBu]

Indeed, the only places where images can be placed for WebView are DirAsset and DirTemp.

So what I do after the user has selected a picture, is to copy it to my subfolder in Library for backup, and to DirTemp to display.

When the app launches, it copies if necessary all pictures in the Library subfolder to DirTemp.

 

[AllanH]

See my comments in https://www.b4x.com/android/forum/t...-a-pdf-file-doesnt-work-on-ios-12-5-4.132314/