Question

我正在实现简单的图片库。

这就是我现在所得到的

function init(){
  var elem = document.createElement("img");

  elem.scr='upload/creative-design-modern-furniture.jpg';
  elem.setAttribute("height", "768");
  elem.setAttribute("width", "1024");
  elem.setAttribute("alt", "furniture");

  document.getElementById("imagegal").appendChild(elem);
}

<body onload='init();'>
<div id="imagegal" ></div>

现在，我知道这很容易，但我在控制台中没有任何错误。我在里面看到一个带有“家具”字样的白色方块（替代文字）。我看不到图像。

包含所有图像的文件夹“upload”位于包含脚本文件的文件中（apache / htdocs / myproject / upload）

用户使用网站界面上传图片。在“上传”文件中，图像的所有拇指在侧面都有一个小金色挂锁。那是什么？什么象征？我不知道

任何帮助/提示？

提前致谢

修改

是的，这是一个错字。多谢你们。我想我值得投票

但是，无论如何，每个缩略图旁边的金色挂锁是什么？

再次感谢

Answer 1

您的代码中有拼写错误：

elem.src='upload/creative-design-modern-furniture.jpg';
  //  ^---- was 'scr' in your code

Answer 2

你犯了错字

elem.scr='upload/creative-design-modern-furniture.jpg';

应该是

elem.src='upload/creative-design-modern-furniture.jpg';

Answer 3

你可能犯了一个拼写错误，使用scr =“...”而不是src =“....”。

我强烈建议您在浏览器中使用一些元素检查器，例如firebug（Mozilla Firefox），DragonFly（Opera）或Chrome内置工具，以检查代码在加载时最终如何在页面中形成，并轻松找到这些类型错误。它们易于使用，它们允许您即时测试并在html / js / css中进行此类修改，它们可以为您节省很多时间。

Answer 4

您在设置来源时有拼写错误。而不是elem.scr它应该是elem.src。

无法将<img/>加载到<div> </div>

4 个答案: