Question

我想在页面加载后更改img标签的来源（新的src将来自ajax请求）。我使用此jquery移动代码，但无效：

<div class="col-md-12 shop_logo_div" id="shop_logo_div"></div>
$(document).on('pagecreate', '#EditProfileRootPage', function () {
var img = $('<img />').attr({
            'id': 'shop_logo',
            'src': UserMeta.logo_url,
            'width': 250
        }).appendTo('#shop_logo_div');
});

我将pagecreate事件更改为pageinit或pagebeforecreate或pagebeforeshow，但没有任何改变。

我遇到此错误，但没有看到它：

拒绝加载图像 'http://localhost/shop/wp-content/plugins/amir-shopping-system/upload/1532819683.png' 因为它违反了以下“内容安全策略”指令： “ default-src'self'数据：间隙：https://ssl.gstatic.com'unsafe-eval'”。请注意，未明确设置“ img-src”，因此使用了“ default-src” 作为备用。

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;img-src http://localhost/shop/; connect-src 'self' http://localhost/shop/webservices/services/api.php">

我更改了内容安全策略，但是仍然有问题。我该怎么办？

Answer 1

我在根索引文件中使用了此csp，并且问题已解决。

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; connect-src 'self' http://localhost/shop/webservices/services/api.php;img-src *">

如何在jQuery Mobile中动态加载图像

1 个答案: