3D FlipBook - 3dflipbook html with images not work on ipad

Why you not replying on this issue??

sorry for delays, a lot of requests. it is necessary to connect to ipad using browser debugging tolls to see what is wrong.

http://vcommers.com/flipbook/index.html please check this sample i have debugging bug not giving any error on console

the problem in html render:

const encoder = new self.window.FileReader();
                    encoder.onloadend = function () {
                        data.content = encoder.result.split(/,/)[1];
                        for(let resolve of data.pendings) {
                          resolve(data.content);
                        }
                        data.pendings = [];
                        resolve(data.content);
                    };
                    encoder.readAsDataURL(request.response);

iOS Safari do not read the images fully. Try to use data urls for your page resources.

i have add this code in 3dflipbook.js but not work please check http://vcommers.com/flipbook/index.html

You do not need to add this code, FileReader doesn't work in iOS properly. The only one quick solution is using data urls on server side, when you generate the page.

I have set src of image to base64 data but not work the page url is here http://vcommers.com/flipbook/load.php

checking

try to use this script http://3dflipbook.net/files/temp/rerender-html-page/3dflipbook.min.js It has extra call for page rendering in 2 seconds after the image loading:

      this.binds.imageLoad = ()=> {
        this.renderImage(this.image);
        this.finishRender();
        setTimeout(()=> {
          this.renderImage(this.image);
          this.finishRender();
        }, 2000);
      };

this works on my debugging environment, but this is very bad solution.

not working i have replace the file 3dflipbook.min.js of http://vcommers.com/flipbook/index.html

In http://vcommers.com/flipbook/index.html you use http://vcommers.com/flipbook/js/dist/3dflipbook.js, use http://3dflipbook.net/files/temp/rerender-html-page/3dflipbook.min.js

change but still not working

I have no idea how to fix this, it seems safari has issue: https://drive.google.com/file/d/1VMGzve4NB98LpN7tV1AuHbHVWFhvISNs/view

what is the other option please provide better solution.

I'm having the same issue. Images are loading fine on desktop but not showing at all on ios. (checked on iphone and ipad with ios 15).

Important to note that I am trying to load an img tag within html source type - images with image source type are working fine.