Cordova Windows 8.1上的Visual Studio 2015外部图像加载到img标签

Cordova Windows 8.1 on Visual Studio 2015 external image loading to img tag

本文关键字：图像 外部 加载 标签 img 2015 Studio Windows 上的 Visual Cordova      更新时间：2023-09-26

我有一个问题，显示从Cordova应用程序外部源的图像。所有的DOM工作，但图像不会加载。我专注于使它只适用于Windows 8.1。我为javascript创建了一个Cordova项目。我已经在config.xml文件中设置:

<?xml version="1.0" encoding="utf-8"?>
<widget xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:vs="http://schemas.microsoft.com/appx/2014/htmlapps" id="pl.com.sk.todolist" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" defaultlocale="pl-PL">
  <name>todolist</name>
  <description>todolist</description>
  <author href="http://cordova.io" email="dev@cordova.apache.org">SK Team</author>
  <content src="index.html" />
  <access origin="*" />
  <vs:features />
  <preference name="SplashScreen" value="screen" />
  <preference name="windows-target-version" value="8.1" />
  <!-- Support for Cordova 5.0.0 plugin system -->
  <plugin name="cordova-plugin-whitelist" version="1" />
  <allow-intent href="http://*/*" />
  <allow-intent href="https://*/*" />
  <allow-intent href="tel:*" />
  <allow-intent href="sms:*" />
  <allow-intent href="mailto:*" />
  <allow-intent href="geo:*" />
  <platform name="android">
    <allow-intent href="market:*" />
  </platform>
  <platform name="ios">
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
  </platform>
  <vs:plugin name="cordova-plugin-camera" version="1.2.0" />
  <vs:plugin name="cordova-plugin-file" version="3.0.0" />
  <vs:plugin name="cordova-plugin-file-transfer" version="1.2.1" />
  <vs:platformSpecificValues>
    <vs:platformSpecificWidget platformName="windows" id="pl.com.sk.todolist" version="0.0.0.1">
      <vs:name>todolist</vs:name>
    </vs:platformSpecificWidget>
  </vs:platformSpecificValues>
  <vs:plugin name="cordova-plugin-media-capture" version="1.0.1" />
  <preference name="Fullscreen" value="True" />
  <vs:plugin name="io.github.pwlin.cordova.plugins.fileopener2" version="1.0.11" src="https://github.com/pwlin/cordova-plugin-file-opener2" />
</widget>

我的img标签是:

<img ng-src="{{cfg.img_url}}{{groupImg.link}}" alt="{{groupImg.name}}"
        title="{{groupImg.name}}" ng-click="mc.showPreviewGroupImg()" />

渲染到DOM后为:

<img alt="The image" title="The image" ng-click="mc.showPreviewGroupImg()" ng-src="http://static.videezy.com/system/resources/thumbnails/000/003/294/original/aerial-view-of-mountain-forests-free-hd-video.jpg" src="http://static.videezy.com/system/resources/thumbnails/000/003/294/original/aerial-view-of-mountain-forests-free-hd-video.jpg">

在调试mod中运行时，我在Visual Studio 2015中得到一个错误:

SEC7117: Network request to http://static.videezy.com/system/resources/thumbnails/000/003/294/original/aerial-view-of-mountain-forests-free-hd-video.jpg did not succeed. Your application manifest does not declare the following capabilities: privateNetworkClientServer

我可以在哪里设置此功能?

遵循平台特定的配置文件

放置自定义包。windows80。appxmanifest (Windows 8.0)，package.windows.appxmanifest (Windows 8.1)或package. Phone .appxmanifest文件(Windows Phone 8.1)Res/native/windows文件夹覆盖各种配置设置。使用在"platforms/windows"文件夹中生成的文件版本在为Windows或Windows Phone (Universal).

和Sony Aurje解决方案

  1. 创建一个包。在res/cert/windows8下的Appxmanifest文件。如果不存在，创建一个windows8解决方案文件夹

  2. 打开项目文件夹，进入"bld/windows-AnyCpu/Debug"，在记事本中打开AppxManifest.xml，复制内容并粘贴到以上方案。appxmanifest文件。

  3. 双击Package。appxmanifest文件，然后转到功能选项卡，选择"专用网络(客户端&;服务器)"。

  4. 保存并再次运行应用程序，这次它工作了，我可以连接到我的Node js REST api。

我添加的文件就像它写在第一个报价，我已经使用了所有其他的建议从第二报价。

文件位置:

C:'{visual studio project dir}'BlankCordovaApp2'res'native'windows'package.windows.appxmanifest

我改变了什么?

<Capabilities>
    <Capability Name="privateNetworkClientServer" /> <!-- Added this line -->
    <Capability Name="internetClient" />
    <DeviceCapability Name="webcam" />
    <DeviceCapability Name="microphone" />
</Capabilities>

我在visual studio中测试应用程序时遇到了同样的问题，但是当我从PGBuild编译应用程序并在设备上进行测试时，它显示了所有图像。你在模拟器上测试应用程序吗?如果是这样，请解锁windows phone并在其上进行测试，一些功能将无法在模拟器上工作，您可能认为您的代码有问题。

您可以在此链接获得解锁windows手机的过程解锁Windows手机

相关文章：