草庐IT

tsk_fs_open_img

全部标签

javascript - react.js 替换 img src onerror

我有一个React组件,它是列表中的详细View。如果图像不存在并且出现404错误,我将尝试用默认图像替换该图像。我通常会在img标签中使用onerror方法,但这似乎不起作用。我不确定如何用React做到这一点。这是我的组件:importReactfrom'react';import{Link}from'react-router';importContactStorefrom'../stores/ContactStore'importContactActionsfrom'../actions/ContactActions';classContactextendsReact.Compo

javascript - Angular 2 : Show placeholder image if img src is not valid

目标:加载带有动态源的图像。如果未找到图像,则改为加载占位符图像。这应该演示我正在尝试做什么,但我不知道如何有条件地设置validImage基于是否是第imgsrc已验证。validImage应该是true如果src="./app/assets/images/{{image.ID}}.jpg"返回图像。否则它会返回false只有第二个img标签应该显示。有明显的变通办法,例如存储所有有效图像源的列表,但我认为有更好的方法来实现这一点。对于在Angular2中实现这一点的最佳方式的任何建议,我们将不胜感激。 最佳答案 处理损坏的图像链

javascript - 将图标添加到 javascript Bookmarklet(使用 window.open)

我有一个小书签,它启动一个window.openjavascript函数来用我的小书签打开一个小窗口——一个用于在任何访问过的站点和我的服务器之间进行通信的外部功能。当小书签添加到书签工具栏时,我希望显示一个favicon。我意识到bookmarklet是javascript,没有绑定(bind)到它的域,所以实现这个目标要么很困难,要么不可能。我对问题的理解:Favicons很容易理解,是HTML文档头部的链接。浏览器可以在通过引用为实际站点添加书签时提取它。但是,如您所见,我的小书签是通过javascript启动代码运行的,其中不存在HTML,因此没有指向favicon的链接。不过

javascript - react img 标签问题与 url 和类

我的JSX文件中有以下简单的React代码:/**@jsxReact.DOM*/varHello=React.createClass({render:function(){returnHello{this.props.name};}});React.renderComponent(,document.body);DOM中的输出如下:HelloWorld我有两个问题:图像URL呈现不正确,呈现为“http://placehold.it/400x20undefined1”'我图片上的类消失了有什么想法吗? 最佳答案 请记住,您的img并

javascript - window.open(url, '_blank');不适用于 iMac/Safari

我构建了一个网页,让您从下拉列表中选择一个页面名称,然后将浏览器转移到该页面。进行转移的代码是if(url){window.open(url,'_blank');}其中“url”是所选页面。在window.open行之前的控制台日志打印如下内容:executing:window.open(http://www.mywebsite.com/44/threats.html,'_blank')然后浏览器会在新标签页中打开页面。这在Windows7上适用于所有浏览器,包括Safari。在iMac上它适用于Firefox但不适用于Safari。有谁知道为什么iMac/Safari不这样做?

javascript - 如何使用 window.open 设置文件名

我正在尝试下载由JavaScript计算的临时结果。假设我有一个字符串str,我想下载一个包含str的文件并将其命名为data.csv,我正在使用以下内容代码:window.open('data:text/csv;charset=utf-8,'+str);文件可以下载成功,但是如何自动命名文件data.csv,而不是每次都手动设置名称? 最佳答案 您可以使用download实现此目的的属性元素。例如:DownloadYourFoo此属性指示应下载文件(而不是显示,如果适用)并指定下载文件应使用哪个文件名。而不是使用window.op

javascript - 谷歌地图 API : open url by clicking on marker

我想使用GoogleMapsAPI3通过点击标记打开一个新窗口。不幸的是,GoogleMapsAPI的示例并不多,我发现了这段代码:google.maps.event.addListener(marker,'click',function(){window.location.href=marker.url;});当我用循环创建标记时如何使用它?我以多种方式尝试过,但负担不起。这是我的代码——我让它变得简单而简短:html{height:100%}body{height:100%;margin:0;padding:0}#map_canvas{height:100%}varpoints=[

javascript - window.open 目标 _self v window.location.href?

我需要使用JavaScript重定向用户。哪种方法是首选?window.open("webpage.htm","_self");或window.location.href="webpage.htm"; 最佳答案 绝对首选第二种方法,因为您没有另一个函数调用的开销:window.location.href="webpage.htm"; 关于javascript-window.open目标_selfvwindow.location.href?,我们在StackOverflow上找到一个类似的

javascript - 在 doc : It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened. 上执行写入

我正在尝试在页面加载执行后加载某个脚本,如下所示:functiondownloadJSAtOnload(){varelement=document.createElement("script");element.src="scriptSrc";document.body.appendChild(element);}if(window.addEventListener)window.addEventListener("load",downloadJSAtOnload,false);elseif(window.attachEvent)window.attachEvent("onload",

Javascript 设置 img src

我可能遗漏了一些简单的东西,但是当您阅读的所有内容都不起作用时,这很烦人。我的图像可能会在动态生成的页面过程中重复多次。所以显而易见的事情是预加载它并始终使用那个变量作为源。varsearchPic;functionLoadImages(){searchPic=newImage(100,100);searchPic.src="XXXX/YYYY/search.png";//Thisiscorrectandthepathiscorrect}然后我使用设置图像document["pic1"].src=searchPic;或$("#pic1").attr("src",searchPic);但