Custom header in image upload

[vesuvi88]

Hello everyone! I have the following problem:
In initialText I pass the html text . The server requires an authentication token in the header, since by default the token is not transmitted, the image cannot be uploaded. I thought I could use the Callback function onImageLinkInsert or onImageUploadError, but they don't respond to my text. How can I implement uploading an image with the right header?

[tneotia]

If you need to add the token for initialText, you will need to use the dart HTML package: https://pub.dev/packages/html

With this you can parse the HTML contents, extract the image nodes, change the URL to add the token to the URL, and then convert back to a string. Finally pass the converted string into initialText and it should work.

[vesuvi88]

I think there is another solution. How can I add cookies to the flutter_inappwebview controller? I can pass the authorization token in cookies.

[tneotia]

Looks like you can use cookies without needing to interact with the webview itself: https://inappwebview.dev/docs/cookie-manager/basic-usage/

[AceChen1]

@vesuvi88 hi, I also meet the issue, may I know how can set jwt token to the cookies?

[vesuvi88]

Hi, @AceChen1
I added an authorization token to cookies using a plugin https://pub.dev/packages/webview_cookie_manager.

final cookieManager = WebviewCookieManager();
await cookieManager.setCookies([
  Cookie('auth_key', token)
    ..domain = domainName
    ..expires = DateTime.now().add(const Duration(days: 10))
    ..httpOnly = false
]);

I tried adding cookies like here https://inappwebview.dev/docs/cookie-manager/basic-usage/, but it didn't work out for me.

[tneotia]

Nice find @vesuvi88! Good to see that this capability is possible.