blocks|key|1485517|text|您应该使用以下命令设置src：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485518|document["pic1"].src+=+searchPic.src;|code-block|syntax|javascript|1485519|或|1485520|$("#pic1").attr("src",+searchPic.src);|1485521|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You should be setting the src using this:

<pre><code>document["pic1"].src = searchPic.src;
</code></pre>

or

<pre><code>$("#pic1").attr("src", searchPic.src);
</code></pre>

blocks|key|1270945|text|document["pic1"].src+=+searchPic.src|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1270946|应该行得通|unstyled|1270947|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>document["pic1"].src = searchPic.src
</code></pre>

should work

blocks|key|1485578|text|您需要设置|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485579|document["pic1"].src+=+searchPic.src;|code-block|syntax|javascript|1485580|图像本身就是您的searchPic+()，您需要读取您设置的src。|1485581|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You need to set

<pre><code>document["pic1"].src = searchPic.src;
</code></pre>

The searchPic itself is your Image(), you need to read the src that you set.

blocks|key|1485632|text|你不需要构建一个全新的形象。src属性只接受一个字符串值:-)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485633|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You don't need to construct a whole new image... the src attribute just takes a string value :-)

blocks|key|1485676|text|图像构造函数的实例不能在任何地方使用。您只需设置src，图像preloads...and就是它，显示结束。您可以丢弃该对象并继续操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1485677|document["pic1"].src+=+"XXXX/YYYY/search.png";+|code-block|syntax|javascript|1485678|才是你应该做的。您仍然可以使用图像构造函数，并在searchPic的onload处理程序中执行第二个操作。这可确保在实际img对象上设置src之前加载图像。|1485679|如下所示：|1485680|function+LoadImages()+{
++++searchPic+=+new+Image();
++++searchPic.onload=function+()+{
++++++++document["pic1"].src+=+"XXXX/YYYY/search.png";
++++}
++++searchPic.src+=+"XXXX/YYYY/search.png";+//+This+is+correct+and+the+path+is+correct
}|1485681|entityMap^0|O|3|0|0|O|9|Y|6|1O|3|1W|3|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|15|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|R|$]]

Instances of the image constructor are not meant to be used anywhere. You simply set the <code>src</code>, and the image preloads...and that's it, show's over. You can discard the object and move on.

<pre><code>document["pic1"].src = "XXXX/YYYY/search.png"; 
</code></pre>

is what you should be doing. You can still use the image constructor, and perform the second action in the <code>onload</code> handler of your <code>searchPic</code>. This ensures the image is loaded before you set the <code>src</code> on the real <code>img</code> object.

Like so:

<pre><code>function LoadImages() {
 searchPic = new Image();
 searchPic.onload=function () {
 document["pic1"].src = "XXXX/YYYY/search.png";
 }
 searchPic.src = "XXXX/YYYY/search.png"; // This is correct and the path is correct
}
</code></pre>

blocks|key|1485743|text|您的src属性是一个对象，因为您将src元素设置为在JavaScript中创建的整个图像。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485744|试一试|1485745|document["pic1"].src+=+searchPic.src;|code-block|syntax|javascript|1485746|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Your src property is an object because you are setting the src element to be the entire image you created in JavaScript.

Try 

<pre><code>document["pic1"].src = searchPic.src;
</code></pre>

blocks|key|1271218|text|哇!当您使用src时，还必须使用searchPic的src。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1271219|document["pic1"].src+=+searchPic.src|code-block|syntax|javascript|1271220|看起来好多了|1271221|entityMap^0|6|3|G|9|Q|3|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

Wow! when you use <code>src</code> then <code>src</code> of <code>searchPic</code> must be used also.

<pre><code>document["pic1"].src = searchPic.src
</code></pre>

looks better

blocks|key|1485850|text|如果您使用的是WinJS，则可以通过Utilities函数更改src。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1485851|WinJS.Utilities.id("pic1").setAttribute("src",+searchPic.src);|code-block|syntax|javascript|1485852|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.microsoft.com/en-us/windows/develop/winjs^0|I|9|V|3|7|5|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

If you're using <a href="https://developer.microsoft.com/en-us/windows/develop/winjs" rel="nofollow noreferrer">WinJS</a> you can change the <code>src</code> through the <code>Utilities</code> functions.

<pre><code>WinJS.Utilities.id("pic1").setAttribute("src", searchPic.src);
</code></pre>

I am probably missing something simple but it's quite annoying when everything you read doesn't work. I have images which may be duplicated many times over the course of a dynamically generated page. So the obvious thing to do is to preload it and use that one variable as the source all the time. 

<pre><code>var searchPic;
function LoadImages() {
 searchPic = new Image(100,100);
 searchPic.src = "XXXX/YYYY/search.png";
 // This is correct and the path is correct
}
</code></pre>

then I set the image using

<pre><code> document["pic1"].src = searchPic;
</code></pre>

or

<pre><code> $("#pic1").attr("src", searchPic);
</code></pre>

However, the image is never set properly in FireBug when I query the image I get <code>[object HTMLImageElement]</code> as the <code>src</code> of the image

In IE I get:

<pre><code>http://localhost:8080/work/Sandbox/jpmetrix/[object]
</code></pre>

Javascript set img src

我可能遗漏了一些简单的东西，但当你读到的所有东西都不起作用时，这是相当恼人的。我的图片可能会在动态生成的页面过程中被复制很多次。因此，最明显的做法是预加载该变量，并始终使用该变量作为源。var searchPic;function LoadImages() {    searchPic = new Image(100,...

问Javascript集img src
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript集img srcEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript集img src
EN