webview - 如何从ms-appdata :///local在webview上加载图像

Question

我正在使用 html5/javascript 开发 Windows 应用商店应用程序。 我必须将图像从 src“ms-appdata://local/testimage.png”加载到 webview。我无法在 navigatorToString 方法上使用此 src 加载图像。

任何帮助将不胜感激

Answer 1

我最近将我的 Visual Studio 2015 apache cordova 项目更新为 Visual Studio 2017。我在使用 Angular js 时遇到了一些问题，否则一切都可以在 Windows 10 环境中运行。

但我注意到 ms-appdata:///local 文件夹中的图像无法加载到 img 标签。我尝试了很多方法，例如行 html、动态标记创建以及添加 url 作为 base64 数据 url。

在base64解决方案中它有效。但我想获取文件本身，因为我的应用程序也支持 iOS 和 Android。

因此，在尝试了数百种方法之后，解决方案很简单。您必须将 img-src 选项设置为 html 文件的所有 ( * ) Content-Security-Policy 元标记。

请检查以下屏幕截图。需要添加带有读取边框的部分才能从任意位置加载图片资源。