js替换img的src，替换后显示白色？

Posted 2023-02-22

想弄个随机替换图片这是我的代码点了箭头后就变成白色不显示更换后的图片，js返回给我的src也是正确的

参考技术A 最后那一行有问题。
img.src = "photo[randomnum]";

这样是直接把 "photo[randomnum]"; 这个字符串赋值给了src。
引号里面是不能放变量的，只会被当作普通字符。
正确的写法应该是：
img.src = photo[randomnum];
不需要引号。追问

那个，我后面发现了，但是出现新问题了，图片还是不能加载，而且只能加载根目录的图片，其他目录的图片不能加载出来，还是白色的，是路径问题吗

那个，我后面发现了，但是出现新问题了，图片还是不能加载，而且只能加载根目录的图片，其他目录的图片不能加载出来，还是白色的，是路径问题吗

追答

嗯 ，按你这描述那就是路径问题了，如果你根目录的图片可以加载出来，那其它目录就是在你根目录的图片名字前面加上其它目录的名字就行了。
比如说，1.jpg 是在根目录，2.jpg 是在根目录下的 img 目录中。那么，如果你可以加载1.jpg的话，假设你 1.jpg 是通过 img.src = "1.jpg" 这样加载进来的，那么2.jpg 就是 img.src = 'img/2.jpg'; 又假设你 1.jpg 是通过 img.src "../1.jpg" 这样加载进来的，那么 2.jpg 就是 img.src = "../img/2.jpg" ;
这么说可以理解么？ 也就是说，你可以加载根目录的图片的话，那么其他目录就是在你根目录的那个图片的图片名字前面加上其它目录的目录名称就行了，就像上面的两个假设，都是在 1.jpg 前面加了一个 img/