【Monaca】【iOS】ローカルにダウンロードした画像ファイルを表示しようとしても、iOSだと404エラーになって表示されない

画像ファイルをローカルにダウンロードして、表示しようとした時に下記のようなエラーがでて表示されません。
解決策や試してみた方がよさそうな点などアドバイスいただけますと幸いです。

Failed to load resource: the server responded with a status of 404 ()
monaca-app://localhost/var/mobile/Containers/Data/Application/[xxxxxxxxxx]/Documents/xxxxxxxx.png

■環境
・Monaca
・Cordova10
・iOS6.2.0
※同じプログラムでAndroidは正常に表示することができるようになっています。

■試したこと
下記のプラグインを適用してみても動作せず
・cordova-plugin-advanced-http
・cordova-plugin-wkwebview-file-xhr
・cordova-plugin-wkwebviewxhrfix

config.xmlに追記されたschemeやhostnameを変更しての確認

<preference name="scheme" value="file"/>
<preference name="hostname" value="monaca.io"/>

■表示箇所のソース

  // 画像ファイル取得し表示
  function setImageFile(fileName, elementName) {
    requestFileSystemPromise().then((fileSystem) => {
      if (fileName === "") {
        return;
      }
      fileSystem.root.getFile(fileName, {create: false}, (fileEntry) => {
        if (fileEntry.nativeURL) {
          resolveLocalFileSystemURL(fileEntry.nativeURL, function(entry) {
            $(elementName).attr('src', entry.toURL().replace("file://", ""));
          });
        }
      },
      (error) => { 
        console.log("error = " + error.code);
      });
    }).catch(() => {
      console.log("error getFilePromise" + fileName); 
    });