草庐IT

javascript - 文件对象到具有正确文件名而不是 src ="blob..."的图像

我有一个文件对象myFile在控制台中看起来像这样:File{name:"myimage.jpg",lastModified:1465476925001,lastModifiedDate:ThuJun09201614:55:25GMT+0200(CEST),size:33002type:"image/jpeg"}但是当我用它创建一个图像时varimage=newImage();image.src=URL.createObjectURL(myFile);我得到:当我尝试通过右键单击保存文件时,文件名为空或“6b2b83d8-ac36-40c1-8ab1-c4f07b019ba5”而不是“

用于 Canvas html5 的 Javascript getImageData

我把头发扯掉了!我得到了这个工作,认为“我可以不保存这个版本”,然后我..破坏了“构建”。行myImageData=context.getImageData(0,0,canvas.width,canvas.height);似乎打破了这一点,因为警报会在之前起作用,但在它之后不起作用。图像本身正在加载。欢迎任何和所有建议^_^我已经筋疲力尽了,很快就会让RSI不再踢自己。varmyImageData;varimage_var=newImage();image_var.onload=function(){canvas.width=image_var.width;canvas.height=

javascript - 如何将图像粘贴到 Web 应用程序中?有哪些解决方案? HTML 5 Canvas ?

我目前正在构建一个非常简单的网络应用程序,它需要能够在浏览网络时复制图像,然后将其粘贴到我的页面上。我知道这种功能是可行的-因为我在写消息时将图像粘贴到gmail和Tumblr(我相信他们使用TinyMCE作为他们的编辑器)。经过长时间的搜索-我对可用解决方案的解释质量很差感到难过。这是我收集到的:$(document).bind('paste',function(e){console.log(e);})检查事件对象,似乎只有在有文本时才包含数据(无论如何在Chrome中)。我知道IE有一个clipboardData对象,可以让您访问剪贴板内容。我还听说过使用Flash、JavaApp

javascript - 如何知道是否已使用 javascript 加载图像

我正在编写一个显示相册的网站,该页面正在加载缩略图并在每张图片完全加载之前应用白色叠加层。我在本地对此进行了编码,它工作正常。但是在我的服务器上上传文件并加载页面会带来一些显示错误,一些白色覆盖不会淡出,因为jQueryload函数没有被触发,因为图像在加载和应用脚本之前加载.解决方案是仅在执行jQuery脚本时仍在加载的图像上应用白色覆盖。我的问题是如何知道页面中的特定元素是否仍在获取或已完全呈现在屏幕上?注意:这是页面http://www.benjamindegenne.com/portfolio/numeric/upper-playground/ 最佳

javascript - 从 Canvas 保存图像时缺少扩展名

我使用此代码在Javascript中保存图像:window.location.href=grid.toDataURL("image/png").replace("image/png","image/octet-stream");代码有效,但保存的文件没有任何扩展名,我必须手动重命名。我的问题是如何将扩展名放在末尾?谢谢。 最佳答案 toDataURL生成数据uri而不是文件名,因此扩展名不适用于这种情况。data-uri只是二进制内容的文本编码版本,某些浏览器可以将其作为文件读取——如果您愿意,也可以是数据流。由于数据流没有任何文件

javascript - 添加动态响应式背景图片的最佳方式是什么?

向静态站点添加(响应式)背景图像的最佳方式是什么?另一个要求(描述为“动态”)是图像由后端设置,因此不能直接写入CSS文件。选项A:通过style属性在模板中注入(inject)背景图像。优点:浏览器的Preparser可以获取它。Contra:它直接添加样式并硬编码到不理想的标记中。我也不知道如何在不向style属性中添加super复杂的媒体查询的情况下实现响应式图像解决方案。选项B:在模板中注入(inject)响应式背景图像源作为数据属性,并通过JavaScript将最佳假设写入style属性。优点:响应式图像是可以实现的。内联样式仅通过脚本写入标记。Contra:当JavaScr

javascript - 将 Canvas 图像作为 multipart/form-data 类型的 Blob 上传到 facebook

我正在尝试使用facebookapi从我保存在页面上的Canvas上传图像:varfile=dataURItoBlob(canvas.toDataURL('image/jpeg',1.0))FB.api('/me/photos','POST',{source:file,message:'photodescription'},function(response){console.log(response)})这是blob转换器:functiondataURItoBlob(dataURI){varbyteString=atob(dataURI.split(',')[1]);varab=ne

javascript - 仅当 Angular 中存在图像时才显示图像元素

我有两个兄弟元素。一个是图像,另一个是div。如果图像存在,我想显示图像元素;如果图像不存在,我想显示div元素。我的元素看起来像{{product.img}}product.img的结果类似于/assets/images/prod.jpg。因为这是一个字符串,所以ng-show将始终为真,并且将显示图像标签。因此,如果图像不存在,它将显示为损坏的图像。所以基本上我想要的是,如果图像不存在,则隐藏图像标签并显示div,反之亦然。我试过像这样的javascript函数$scope.imageExists=function(src){varimage=newImage();image.sr

javascript - 使用 Electron 从文件系统中选择并显示图像

我正在用Electron开发一个小应用程序,我可以从中将图像上传到Instagram,但我卡在了第一步中:/我想从文件系统中选择一张图片并将其显示在我的应用中。这是我目前得到的代码:代码:remote.dialog.showOpenDialog((filenames)=>{fs.readFile(filepath,'utf-8',(err,data)=>{if(err){alert("Anerrorocurredreadingthefile:"+err.message);return;}});}); 最佳答案 选择、读取和显示png

javascript - 在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState?

我试图找出作为Prop传入的React组件中背景图像的方向。我首先创建一个图像对象并将其src设置为新图像:getImage(){constsrc=this.props.url;constimage=newImage();image.src=src;this.setState({height:image.height,width:image.width});}在使用高度和宽度更新状态后,我尝试在componentDidUpdate()中调用getOrientation():getOrientation(){const{height,width}=this.state;if(height