草庐IT

图像安全

全部标签

javascript - .textContent 是否完全安全?

我正在执行element.textContent=unescapedData以将未转义的用户输入放在网站上。攻击者有什么办法可以利用它来做坏事吗?如果它有以下CSS吗?max-width:30rem;max-height:3rem;overflow:hidden;我考虑过使用奇怪或无效的Unicode字符,但找不到有关如何实现此目的的任何信息。 最佳答案 相关规范似乎在https://dom.spec.whatwg.org/#dom-node-textcontent.假设element是一个Element或DocumentFragm

javascript - 使用javascript将图像文件转换为base64字符串

我想使用javascript将图像文件上传到couchdb。为此,我使用内联附件概念。上传文件时我必须使用Base64encode()。此方法只有字符串参数。如何使用javascript将图像文件转换为base64字符串。请任何人分享示例片段给我。谢谢 最佳答案 您可以在支持它的浏览器中使用canvas,只要图像是从同一域加载的。functionencodeImage(src,callback){varcanvas=document.createElement('canvas'),ctx=canvas.getContext('2d'

javascript - 任何 css 或 javascript 技术来显示圆形图像的 'slice'?

我正在尝试编写一个程序,用户可以在其中上传圆形图像,例如这个美味的热披萨:然后用户以度数指定弧的起点和终点,以便调用一个函数来显示相同​​的图像,剩余部分的不透明度较低。functioncutPizza(startArcDegree,endArcDegree){//ThisiswhereIneedhelp}cutPizza(150,225);是否有任何css或javascript技术可以帮助我实现这一目标(或与此相关的任何方法)? 最佳答案 是的,您应该有一个Canvas,该Canvas与您的披萨图像具有相对位置。然后你可以在Can

javascript - 与 AMD (requirejs) 一起获得闭包编译器类型安全性的最可靠方法是什么?

虽然JavaScript及其许多库(jQuery、RequireJS)允许创建许多很棒的网站,但在考虑构建更大的网站时,我发现它缺乏类型安全性令人望而生畏。Google有一个很棒的closurecompiler这让你可以annotate你的JavaScript和JSDoc并检查它的类型。在试用了其丰富的类型系统后,我预计这将大大提高生命周期更长的JavaScript项目的可维护性。唯一的问题是它不能很好地与AMD一起玩像RequireJS这样的库。有一个实验--transform_amd_modules连接JavaScript文件并通过消除它来处理作用域的标志。然而,这似乎有点反模式,

javascript - 将鼠标悬停在图像上以显示按钮,并且在悬停在实际按钮上时不会触发

我试图让按钮在悬停在图像上时出现。以下作品:jQuery('.show-image').mouseenter(function(){jQuery('.the-buttons').animate({opacity:1},1500);}).mouseout(function(){jQuery('.the-buttons').animate({opacity:0},1500);});但是,当从图像移动到按钮(图像上方)时,会触发mouseout/mouseenter,因此按钮淡出然后淡入(按钮与图像具有相同的类,否则它们保持淡出)。我怎样才能防止它被触发?我还使用jQuery的悬停尝试了上面

javascript - 将图像嵌入到 Chrome 扩展程序中

我正在构建一个GoogleChrome扩展程序,它将HTML注入(inject)到真实的网页中。注入(inject)还包含图像,现在我想知道如何在扩展中引用图像。到目前为止,我只能使用http://example.com/myimage.png在服务器上引用它们.但这需要一段时间才能加载。是否可以在扩展程序中打包图像并从浏览器的任何位置引用它们?怎么办?感谢您的帮助。 最佳答案 您可以使用chrome.runtime.getURL()(docs)获取内部扩展文件夹URL。将图像相对路径传递给它,您将获得它的完整URL。例如,如果您在

javascript - 将 'arguments' 传递给 'apply()' 是否安全

假设我有以下代码(完全没用,我知道)functionadd(a,b,c,d){alert(a+b+c+d);}functionproxy(){add.apply(window,arguments);}proxy(1,2,3,4);基本上,我们知道apply需要一个数组作为第二个参数,但我们也知道arguments不是一个正确的数组。代码按预期工作,所以可以肯定地说我可以将任何类似数组的对象作为apply()中的第二个参数传递吗?以下内容也可以使用(至少在Chrome中):functionproxy(){add.apply(window,{0:arguments[0],1:argumen

javascript - 依赖 Content-Type : text/plain to mitigate malicious javascript execution in response? 是否安全

我们有一个返回的web应用程序HTTP/1.1400BadRequest...Content-Type:text/plain;charset=UTF-8Content-Length:57Date:Tue,14Apr201519:24:54GMTConnection:closeInvalidprojectareaitemidalert(1086)据我了解,依靠Content-Type:text/plain;charset=UTF-8作为防御来阻止javascript执行是不够的。相反,应该对输出进行编码,并且应该对输入进行输入验证并丢弃垃圾。我正在寻找的是关于处理具有javascript

javascript - Jquery 查找图像高度不工作

我正在尝试使用jQuery查找容器的第一个“孙子”的图像高度,然后将容器设置为该高度。但是,我似乎无法提取图像高度属性-让src起作用。有任何想法吗?它只是想通过CSS来拉高吗?我如何获得“真实高度”我无法在img标签中输入宽度和高度-所以这不是一个选项;($(document).ready(function(){varimageContainer='#image-container';varimageSrc=$(imageContainer).children(':first').children(':first').attr('src');//controltestvarimage

javascript - 如何在滚动时实现图像淡入效果(如 mashable.com)

我想知道mashable.com上图像的淡入效果(例如,参见http://mashable.com/2009/08/14/google-android-logo-remixes/)当您滚动到图像时,它会淡入。它不会在页面加载时淡入,只会在项目在屏幕上的实际外观时淡入。谢谢。 最佳答案 通过jQuery插件实现LazyLoad.编辑:这是他们使用的代码:if(!navigator.userAgent.toLowerCase().match('ipad')){$('#primaryimg').lazyload({effect:'fade