草庐IT

图像安全

全部标签

javascript - 如何在文档准备好和图像加载后调用函数?

我正在使用这样的东西:$(document).ready(function(){$('#my-img').load(function(){//dosomething});});但有时它无法执行第二个回调(没有抛出任何错误,因此无事可做),我想可能是在文档准备好之前加载了图像。如果我不使用$(document).ready()部分,它工作正常,所以我想我现在要保留它。但是有人告诉我,在文档准备好时总是做这种事情作为回调是一个很好的做法,因为文档可能还没有准备好。是吗?有什么想法吗? 最佳答案 取自documentationonload

Javascript 将动态图像从 URL 绘制到 Canvas 元素上

我正在尝试使用其URL将动态PNG图像(由PHP脚本生成的图像)​​绘制到Canvas元素上。我无法真正发布我正在测试的页面的确切URL,因为您必须登录该网站。我正在使用的动态图像URL之一的示例是:http://www.website.com/includes/dynamicimage.php?ID=29718958161如果您登录到这个特定网站并将该URL粘贴到您的地址栏中,它会正确显示图像。但是,以下Javascript代码无法将其正确绘制到Canvas元素上:functioncheckImage(imageContext){varcanvas=document.createEl

Javascript:删除正在使用 'for' 迭代的对象的属性是否安全

我正在做这样的事情:varmyObj={a:1,b:2,c:3,d:4};for(varkeyinmyObj){if(someCondition){delete(myObj[key]);}}它在我试过的示例中工作得很好,但我不确定它在某些场景/浏览器中是否会出现意外行为。修改正在迭代的对象是否可以? 最佳答案 Section12.6.4解释for..in是根据“下一个属性”定义的:LetPbethenameofthenextpropertyofobjwhose[[Enumerable]]attributeistrue.Ifthere

javascript - Angular/MEAN.io 中的路由安全漏洞?

我刚刚安装了MEAN堆栈(MongoDB、Express.js、AngularJS、Node.js)并打开了示例程序(在mean.io上找到),他们有一个基本的应用程序,您可以登录并创建博客“文章”仅用于测试等。无论如何,我删除了“#!”从URL输出整个用户和文章模型,因为它们在数据库中。它看起来好像这样做使它停止通过Angular进行路由,而是使用只是JSONRESTapi的Express路由。这是MEAN堆栈包、Angular作为一个整体的缺陷,还是仅仅是开发环境设置的缺陷?我无法想象它会以这样一个巨大的缺陷发布,但也许我只是遗漏了一些东西..可复制的步骤:按照http://mea

javascript - Node JS 如何将图像与请求数据一起发布到另一个服务器/api

我正在尝试将图像从我的NodeJS应用程序发布到另一个RESTAPI。我在MongoDB中有图像(作为二进制数组数据),该图像由NodeJS读取,然后应该发布到另一个API。我面临的问题是如何将请求数据与图像一起发送?我有应该与图像一起发布的原始数据(JSON格式):{"data":{"client":"abc","address":"123"},"meta":{"owner":"yourself","host":"hostishere"}}我需要使用“请求”模块来执行此操作。如果有帮助,我可以使用“multer”。但是,我坚持如何将上述请求数据与图像流一起发送。以下是我当前的代码。你

javascript - 使用 Javascript onclick 更改图像 alt

我有一个缩略图,单击它会在页面上更改为更大的图像。我通过使用onclick更改.src来让那部分代码工作。还有一种方法可以通过onclick更改alt和title属性吗? 最佳答案 您可以使用setAttribute或直接设置属性。无论哪种方式都有效,setAttribute是标准的DOM方法。el.onclick=function(){vart=document.getElementById('blah');//firstwayt.src='blah.jpg';t.title='newtitle';t.alt='foo';//al

javascript - 使用鼠标在 Canvas 中旋转图像

在我的代码中,我将图像加载到Canvas中。然后我需要调整大小、旋转和拖动它。我设法实现了拖动和调整大小。如何在此代码上使用鼠标实现旋转(沿着图像的中心)。我的HTML页面:body{background-color:ivory;padding:10px;}#canvas{border:1pxsolidred;}$(function(){varcanvas=document.getElementById("canvas");varctx=canvas.getContext("2d");varcanvasOffset=$("#canvas").offset();varoffsetX=ca

javascript - 根据浏览器窗口尺寸自动调整图像大小

我有一个带有100%宽度页眉和粘性页脚的基本网页布局。在两者之间我有一个大图形。我希望图形根据窗口大小动态调整大小。我不喜欢使用flash,并且想知道是否有一种简单的方法可以使用jquery/javascript来做到这一点。我不是jquery/javascript专家,所以我想知道如何解决这个问题,因为那里已经有一个组件可以做到这一点。 最佳答案 .wrapper{width:58.536585%;/*960/1640=.58536585*/margin:0auto;}.resize{width:100%;height:auto;

javascript - Highcharts:将可点击图像添加到每个 xAxis gridLine

我正在构建一些自定义功能,用户可以点击折线图中的数据点来为该日期添加注释。这有点误导,因为注释实际上并没有附加到指标本身,而是附加到它登陆的日期。换句话说,如果我在一个折线图上有6个系列,跨越日期01/01/12-01/08/12,则01/05/12上的单个注释将适用于所有6个系列。因此,正如您可以想象的那样,单击6个系列之一的数据点或日期01/05/12会误导用户认为此注释将应用于该数据点,而不是整个日期和任何系列在那个日期降落。因此,为了解决这个可用性问题,我决定最好的视觉提示应该是这样的:每个xAxisgridLine的顶部都会有一个可点击的图标,它需要随xAxisgridLin

javascript - 使用带有括号的图像 URL 作为 jQuery 的背景

我正在使用jQuery将一堆文件作为background-image加载,但我有这张图片根本无法加载。浏览器不会抛出任何错误。我知道问题是文件名包含括号(),但我已经尝试了各种方法,但没有任何效果。这不是重复的fromthisquestion因为那里的解决方案不起作用。这是文件的URLhttp://oceanhotelsimages.com/uploads/200x150_Privilege_Lounge_OBS_05_(1).jpg我在Javascript中尝试过不同的东西,但没有成功。unescape(str);encodeURI(str)甚至直接替换字符str.replace("