草庐IT

图像安全

全部标签

javascript - 在 javascript 中包含 base64 gzipped 样式表/图像?

我知道您可以在javascript文件中以base64格式存储css和图像以及其他文件类型。然而,它们相当大......并且压缩后,它们缩小了很多,即使base64编码的开销约为33%。非gzip压缩,图片为data:image/gif;base64,data:image/jpeg,data:image/png,css为data:text/css;base64。那么,我可以/应该使用什么mime类型来包含gzip压缩的css或图像数据URI?(或者如果gzip+base64不能工作,我可以做任何其他压缩来减小字符串的大小,同时仍然将数据存储在javascript中吗?)..编辑..我认

javascript - JavaScript/jQuery 中的安全 Twitter OAuth 身份验证(加上服务器端助手)

在JavaScript中安全地进行TwitterOAuth身份验证的最佳方法是什么?我正在尝试编写一个程序让用户分析他的Twitter使用情况和关注者/friend。我已经编写了一个使用pythontweepy模块工作的服务器端版本。我想与人们分享它,但我希望它在浏览器中运行以实现可扩展性,而不是在我的小型服务器上运行。我看到另一个问题,结果是不推荐也不安全:JavaScriptOAuthsigninwithTwitter如果在应用的JavaScript中发送消费者(应用)secret或访问(用户)secret,这就有意义了。但为什么我不能像这里一样在服务器端构建URL-http://

javascript - 在 arbor.js 中使用图像的性能问题

我一直致力于调整arbor.js以使用图像。然而,作为一个相对的JS菜鸟,我拥有的是完全未优化的。据我所知,我设置它的方式是为每个图像和每个帧重新创建图像对象,从而导致大量闪烁。任何人都可以建议一种方法将新的Image()内容从重绘函数移到启动中吗?据我所知,这是一个基本的OOP问题,但完全卡住了。谢谢!Pastebin我在输出脚本上的位置Currentstatus. 最佳答案 向大家致歉!有几个步骤。我将突出显示关键阶段,其余部分来自教程。首先,将相关信息添加到您的JSON中,例如:nodes:{innovation:{'colo

javascript - 了解 HTTP 请求中的引荐来源网址/引荐来源网址的安全方法是什么?

我正在使用nodejs写一个图片上传服务。付费客户将能够将图像文件发送到我在服务器上设置的端点。但是,当每个请求进来时,我需要确认它实际上是一个付费客户发出请求。我想过让客户给我他们的域名,我只检查refererheader。但是,有人可以轻松地欺骗refererheader并在不付费的情况下使用我的服务。SaaS开发者如何面对这个技术难题?是否可以在不要求我的客户拥有一些服务器端代码的情况下解决这个问题? 最佳答案 您是在为网站构建外部图像托管服务,还是要共享一些必须私有(private)且安全的内容?如果是前者,请继续阅读。当然

javascript - 使用 JavaScript/jQuery 从输入类型 "file"获取二进制图像数据,以便在 WebMatrix 中使用 AJAX 进行图片预览

这个问题在这里已经有了答案:关闭10年前。我在研究或试图弄清楚如何(如果可能的话)使用JavaScript/jQuery从文件类型的html输入元素获取二进制图像数据时遇到了麻烦。我正在使用WebMatrix(C#),但如果仅使用JavaScript/jQuery就可以回答这个问题,则可能没有必要知道这一点。我可以拍摄图像,将其保存在数据库中(作为二进制数据),然后在发布后根据二进制数据在页面上显示图片。然而,这确实让我在上传之前没有图片预览,为此我几乎可以肯定我必须使用AJAX。同样,这甚至可能是不可能的,但只要我可以获得二进制图像数据,我相信我可以使用AJAX将其推送到服务器并以与

javascript - Chrome 在具有边框半径的缩放元素内搞乱图像

用例我正在尝试构建“幻灯片放映”类型的应用程序。每张幻灯片都有固定的宽高比,但我希望内容以其正常的宽度/高度呈现-所以我试图在幻灯片的内容上使用CSS3“transform:scale”,使用视口(viewport)宽度/高度我计算理想的比例/边距以使幻灯片适合视口(viewport)。在一张特定的幻灯片上,我为人们展示了一些“信息卡”和每个人的“继任者”列表问题Chrome在图像上显示出一些非常奇怪的行为。如果您调整窗口大小,图像会到处移动。如果您强制图像以某种方式重新绘制图像似乎会自行修复(即向下滚动页面并返回)编辑这似乎与边框半径框内的图像特别相关!问题这是Chrome中的错误吗

javascript - 如果使用 grunt-contrib-imagemin 优化图像,如何处理 Handlebars 模板中的图像

我用yeoman和generator-ember创建了一个ember应用程序。yoember我已将Handlebars模板放在app/templates中,将图像放在app/images中。如果我跑gruntserver一切看起来都很好。如果我跑gruntserver:dist一切看起来都很好,而不是我在Handlebars模板中处理的图像。似乎imagemin任务或其他任务将图像从images/map.jpg重命名为images/667de70e.map.jpg。我的index.html文件中的img标签已更正。但是我的Handlebars文件中的img标签,如templates/m

javascript - 如何将 Canvas 转换为图像以上传到 flask ?

好吧,我正在尝试将调整大小的Canvas图像作为文件上传到Flask。首先,我尝试使用canvas.toDataURL()将其转换为base64(?)字符串,然后尝试使用带AJAX的formdata将其作为图像上传,运气不好。然后我尝试使用此函数将base64转换为blob:functiontoblob(stuff){varg,type,bi,ab,ua,b,i;g=stuff.split(',');if(g[0].split('png')[1])type='png';elseif(g[0].split('jpeg')[1])type='jpeg';elsereturnfalse;bi

javascript - Node.js Express 静态服务器卡在图像上 - 仅限 Chrome

这是一个非常奇怪的错误,困扰了我很长时间。我有一个使用ExpressStatic中间件以及呈现Jade的单独路由的基本网站。这是我的配置app.set('views',__dirname+'/views');app.set('viewengine','jade');app.use(stylus.middleware({src:__dirname+'/public',dest:__dirname+'/public',compile:function(str,path){returnstylus(str).set('filename',path).set('compress',true).

javascript - 避免使用 svg 图像进行光栅化,以便在 Firefox 中进行转换

我想申请matrixtransformsvg.Here'safiddle.在Firefox上,它看起来像这样:由于我的View框,它看起来像是在转换之前将其光栅化为10x10位图。我怎样才能避免这种情况?在我看来,我可以尝试找到一种方法来强制Firefox不进行光栅化,或者使用某种形式的嵌入。(??iframe?出于某种原因,我认为这些都是不好的做法。)我正在使用JavaScript动态加载这些SVG。那我该怎么做呢?PS:如果有办法用svg.js,这就是我现在正在使用的,但我非常愿意使用Vanilla来让它工作。编辑:FWIW,显然它已在每晚的Firefox中修复,但我现在仍然想要一