Need to add an image asset through HTML using src in Flutter web view

Question

Do we need to write the path of the asset from the asset folder or it saves somewhere else when it generate apk or ipa? Tried with using path from asset but didn't work.

String s="<img src="file:///asset/images/test.png" width="42" height="42" align="right">"

We are using this as a string and passing it in web view but web view is not showing the image.

Good Question. I need to show the static content coming from backend and have to show even if I am not connected to a network. So, I saved html content coming from backend to my local file. This static screen contains an image and I need to take that image that is stored in asset folder to open it in web view. Therefore, I make html string containing my image from asset and html content coming from the API and show that in the web view. — Prakhar Anand
– Prakhar Anand, Commented Nov 30, 2018 at 6:57
Please read Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - the summary is that this is not an ideal way to address volunteers, and is probably counterproductive to obtaining answers. Please refrain from adding this to your questions. — halfer
– halfer, Commented Nov 30, 2018 at 7:44
@PrakharAnand If I understand you right your building and html file in Flutter to put in a webview? Why not just use flutter.io/docs/cookbook/images/network-image in normal Flutter? Edit: Or if you want to do that, just makes PWA? — Conner
– Conner, Commented Nov 30, 2018 at 12:52

Sigma App Development · Accepted Answer · 2019-01-31 07:09:12Z

0

<img src=\"file:///android_asset/flutter_assets/assets

the above code works for me in with this package -> flutter_inappbrowser
but i think it will work only for android.

answered Jan 31, 2019 at 7:09

Sigma App Development

1681 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jazzbpn Over a year ago

Work for android. What about iOS?

jazzbpn Over a year ago

Work for android but unable to render image in iOS. If you can please help!! stackoverflow.com/questions/57702924/…

vipin agrahari · Accepted Answer · 2018-11-30 05:53:26Z

-1

You need to define your images in pubspec.yaml file as follows:

assets:
      - assets/your_image.png

then you can use your images in code using their path.

answered Nov 30, 2018 at 5:53

vipin agrahari

2,9514 gold badges24 silver badges32 bronze badges

2 Comments

Prakhar Anand Over a year ago

Defined this in yaml and even used in ImageAsset in the code and is working but not Getting the image if we provide path to the src tag in html string. I want to use image in src html tag. Kindly help

Akshat Tamrakar Over a year ago

Can you specify whole pubspec.yaml file

Collectives™ on Stack Overflow

Need to add an image asset through HTML using src in Flutter web view

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related