CODEWITHSUNDEEP
webviewwindows-store-appswinjs
suganthi
suganthi

Reputation: 360

how to load image on webview from ms-appdata:///local

I'm developing windows store apps with html5/javascript. I have to load image from src " ms-appdata://local/testimage.png" to webview.I can't able to load the image using this src on navigateToString method.

Any help would be greatly appreciated

Upvotes: 2

Views: 2021

Answers (2)

Dulanjana Wickramatantri
Dulanjana Wickramatantri

Reputation: 466

I recently updated my Visual Studio 2015 apache cordova project to visual studio 2017. I had few problems with working with angular js otherwise everything worked in windows 10 environment.

But what I noticed was images from ms-appdata:///local folder couldn't load to img tags. I tried many ways like row html, dynamic tag creation and add url as a base64 data url.

In base64 solution it worked. But I want to get the file itself as my app was supporting iOS and Android as well.

So after trying hundred things solutions was simple. You have to set img-src option to All ( * ) Content-Security-Policy meta tag of the html file.

Please check following screen shot. You need to add the part with the read border to load image resources from any location.

enter image description here

Upvotes: 4

Sorskoot
Sorskoot

Reputation: 10310

You should try the ms-appx-web scheme.

I believe that if you place the content in a subfolder, ms-appdata should work too.

More on this on MSDN

Upvotes: 1

Related Questions