compatibility with cordova-plugin-file v7.0.0

zfir commented 1 year ago

Hello @MaximBelov,

This version of cordova-plugin-file has a problem when displaying an img in the WebView.

https://github.com/apache/cordova-plugin-file/issues/526

The link above address this issue.

MaximBelov commented 1 year ago

Hi @zfir My fix is working fine with

cordova-plugin-file v7.0.0
cordova-plugin-background-upload https://github.com/MaximBelov/cordova-plugin-background-upload/tree/compability-cordova-file-7
cordova-plugin-ionic-webview v5.0.0 https://github.com/ionic-team/cordova-plugin-ionic-webview
@awesome-cordova-plugins/ionic-webview https://github.com/danielsogl/awesome-cordova-plugins/blob/master/src/%40awesome-cordova-plugins/plugins/ionic-webview/index.ts

Example

  // filePath - full path
  // compatibleSrc - for view
  getLocalFileParams(fileName: string) {
    const filePath = `${this.file.dataDirectory}/${fileName}`;
    const compatibleSrc = this.webview.convertFileSrc(filePath);
    return {
      filePath,
      compatibleSrc,
    };
  }

  const payload = {
    fileKey: 'file',
    notificationTitle: 'Uploading files',
    id,
    filePath: this.getLocalFileParams(file).filePath,
    serverUrl: filesParams[id].attributes.action,
    parameters: filesParams[id].inputs,
  };
  this.fileTransferManager.startUpload({ ...payload });

zfir commented 1 year ago

Hello @MaximBelov,

Tested your PR along with the update for cordova-plugin-file to 7.0.0.

Still cannot display img HTML tags

MaximBelov commented 1 year ago

please share your demo project

zfir commented 1 year ago

It's a private project. Have you added img HTML tags in your project?

MaximBelov commented 1 year ago

yes I added img tags

<ion-img [src]="img.value"

https://github.com/ionic-team/ionic-framework/blob/main/core/src/components/img/img.tsx#L115