Javascript lightbox2不安全数据映像
我试图使用lightbox2的数据URL,该URL由Angularjs动态设置,但由于某些原因,它没有显示图像。在我的控制台中,显示我使用ng href动态设置的数据URL时出错,但URL的前缀是“不安全” 有人知道为什么会这样吗?我已经在Angular的白名单中添加了“data”,我还看到在DOM中href是正确的Javascript lightbox2不安全数据映像,javascript,jquery,angularjs,lightbox2,Javascript,Jquery,Angularjs,Lightbox2,我试图使用lightbox2的数据URL,该URL由Angularjs动态设置,但由于某些原因,它没有显示图像。在我的控制台中,显示我使用ng href动态设置的数据URL时出错,但URL的前缀是“不安全” 有人知道为什么会这样吗?我已经在Angular的白名单中添加了“data”,我还看到在DOM中href是正确的 config(['$compileProvider', function ($compileProvider) { $compileProv
config(['$compileProvider',
function ($compileProvider) {
$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data):/);
}]);
没有“不安全”前缀,只有当我点击链接时,我才得到这个错误
我在控制台中遇到的错误如下所示:
unsafe:data:image/png;base64,net:{the base 64 string}:ERR_UNKNOWN_URL_SCHEME
<a ng-href="data:image/png;base64,{{schedule.flyer}}" data-lightbox="image-1" data-title="My caption" >
我的链接如下所示:
unsafe:data:image/png;base64,net:{the base 64 string}:ERR_UNKNOWN_URL_SCHEME
<a ng-href="data:image/png;base64,{{schedule.flyer}}" data-lightbox="image-1" data-title="My caption" >
如果我直接在普通href中添加base64字符串,效果很好。有人知道如何让它工作吗?我认为你应该使用
ahrefsanitationwhitelist
方法per我认为你应该使用ahrefsanitationwhitelist
方法per问题是我配置了错误的白名单。我应该使用以下代码:
config(['$compileProvider',
function ($compileProvider) {
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|local|data):/);
}]);
问题是我配置了错误的白名单。我应该使用以下代码:
config(['$compileProvider',
function ($compileProvider) {
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|local|data):/);
}]);
是的,这确实是个问题。Thnx!是的,这确实是个问题。Thnx!