草庐IT

MEDIA_TYPE_IMAGE

全部标签

javascript - Chrome 扩展 : how to pass ArrayBuffer or Blob from content script to the background without losing its type?

我有这个内容脚本,它使用XHR下载一些二进制数据,稍后发送到后台脚本:varself=this;varxhr=newXMLHttpRequest();xhr.open('GET',url);xhr.responseType='arraybuffer';xhr.onload=function(e){if(this.status==200){self.data={data:xhr.response,contentType:xhr.getResponseHeader('Content-Type')};}};xhr.send();...later...sendResponse({data:se

javascript - CSS 和 JQuery : spaces inside image name break code of url()

我有一个页面,当鼠标悬停在缩略图上时,该页面应该显示图像的放大版本。我有一个带有ID的“div”,JQuery代码如下:$(document).ready(function(){$('img').hover(function(){varsrc=$("#im"+this.id).attr("src");$('#viewlarge').css('backgroundImage','url('+src+')');returnfalse;});});我使用的图像是由Ruby脚本生成的,该脚本“生成”具有相似但不同ID的图像。但是,有时上传的照片内部有“空格”。我的开发人员工具告诉我背景图片设置

JavaScript:如何强制 Image() 不使用浏览器缓存?

如果我在浏览器中手动加载nextimgURL,每次重新加载时它都会提供一张新图片。但是这段代码在draw()的每次迭代中显示相同的图像。如何强制不缓存myimg?functiondraw(){varcanvas=document.getElementById('canv');varctx=canvas.getContext('2d');varrx;varry;vari;myimg=newImage();myimg.src='http://ohm:8080/cgi-bin/nextimg'rx=Math.floor(Math.random()*100)*10ry=Math.floor(M

javascript - D3 : Grayscale image display driven by 2D array data

有人知道如何使用d3显示灰度图像,即像素强度的二维数组吗?我似乎无法在任何地方找到它的任何例子,它会很棘手吗?任何帮助/链接/指针表示赞赏! 最佳答案 如果只想显示图像,请使用imageelement和“xlink:href”属性。例如:svg.append("image").attr("xlink:href","my.png").attr("width",960).attr("height",500);如果你想给灰度图像上色,请看这个colorizedheightmapexample它使用分位数来创建发散色标,并使用HCL插值来获

javascript - 动态创建脚本时还需要 "script.type=' text/javascript吗?

代码是这样的:varscript=document.createElement('script');//script.type='text/javascript';//doIneedthis?script.src=src;document.body.appendChild(script);第二行已经被注释掉了,因为有它没有什么区别。还是我遗漏了什么?谢谢, 最佳答案 否:type的默认值已设置为JavaScript(“text/javascript”)。type属性是SCRIPT标签的属性,例如允许Vbscript,只有IE支持。t

javascript - 使用 javascript 将 Image 对象设置为 div 背景图像

我想从后台加载4张图片,向客户端显示加载栏当下载图像时,我想将它们设置为4个divblock的背景图像。我正在寻找这样的东西。varmyImages=newArray();for(vari=0;i有什么方法可以使用Imagejavascript对象设置背景图像吗? 最佳答案 您可以做一些接近您所拥有的事情。您不会将图像背景设置为图像对象,但您可以从图像对象获取.src属性并将其应用于backgroundImage。一旦图像对象成功加载,图像将被浏览器缓存,因此当您在任何其他对象上设置.src时,图像将快速加载。您可以使用这种类型的代

javascript - Jquery:如何使用 <input type "value"> 字段的 ="file"动态显示图像

我想知道是否有一种方法可以动态显示用户刚刚上传到inputtype="file"字段的图像。例如,到目前为止我有以下代码:image_upload.html上传.js$(document).ready(function(){$("#id_image").change(file_select);});functionfile_select(event){$("#uploaded_image").attr("src",$("#id_image").val());}所以我基本上想显示用户刚刚上传到Field上的图片。当然,我知道如果用户已经提交表单并且图像已经在我的数据库服务器中,我可以轻松

javascript - "Input type file.files"选择器在 jQuery 中不起作用

我正在尝试使用以下代码在HTML输入中获取有关正在上传的文件的信息:$(document).ready(function(){$('#btn').on('click',function(){file_size=$("#my_file").files[0].size;alert(file_size);});});但是不行,控制台返回:$("#my_file").filesisundefined 最佳答案 $("#my_file")是一个jQuery对象,jQuery对象没有属性files...要从jQuery中获取DOM元素,请执行$

javascript - 松弛传入 webhook : Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response

我尝试在浏览器中通过fetchAPI发布slack消息:fetch('https://hooks.slack.com/services/xxx/xxx/xx',{method:'post',headers:{'Accept':'application/json,text/plain,*/*','Content-type':'application/json'},body:JSON.stringify({text:'Hithere'})}).then(response=>console.log).catch(error=>console.error);};我收到以下错误消息:FetchA

javascript - Backbone 和 TypeScript,一段不幸的婚姻 : Building a type-safe "get"?

我正在尝试将TypeScript与Backbone.js结合使用。它“有效”,但是Backbone的get()和set()失去了大部分类型安全。我正在尝试编写一个可以恢复类型安全的辅助方法。像这样:我会把它放在我的模型中:object():IMyModel{returnattributes;//exceptIshoulduseget(),notattributes,perdocumentation}这在消费者中:varmyVar=this.model.object().MyProperty;通过这种语法,我得到了TypeScript的知识,即MyProperty存在并且是bool,这太