Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript+JSON问题:无法加载照片/undefined.jpg_Javascript_Json - Fatal编程技术网

JavaScript+JSON问题:无法加载照片/undefined.jpg

JavaScript+JSON问题:无法加载照片/undefined.jpg,javascript,json,Javascript,Json,我在这个JavaScript代码中连接图像名称时遇到了问题。它来自JSON,这让我作为一个初学者变得更加困难。我将非常感谢任何帮助!这是我的JS: 函数logmsg{ console.logmsg } 函数createImagefile,父级{ var-str=文件; var filename=photos/+filename+.jpg; var图像=新图像; image.src=文件名; image.style.width=50px; image.style.height=自动; image

我在这个JavaScript代码中连接图像名称时遇到了问题。它来自JSON,这让我作为一个初学者变得更加困难。我将非常感谢任何帮助!这是我的JS:

函数logmsg{ console.logmsg } 函数createImagefile,父级{ var-str=文件;
var filename=photos/+filename+.jpg; var图像=新图像; image.src=文件名; image.style.width=50px; image.style.height=自动; image.onload=函数{ 日志'good'+文件; parent.appendChildimage;//将图像添加到页面中! } image.onerror=函数{ 日志“无法加载”+文件名; //parent.appendChildimage; } }
var文件名和文件名存在混淆

function log(msg){
     console.log(msg)
}

function createImage(file, parent){
    var str = file; // unused
    var filename = ("photos/"+file+".jpg"); // filename was undefined here.
    var image = new Image();
    image.src = file;
    image.style.width = "50px";
    image.style.height = "auto";

    image.onload = function(){
        log('good ' + file );   
        parent.appendChild(image); //adds the image to the page!
    }

    image.onerror = function(){
        log('not able to load ' + filename );   
        //parent.appendChild(image);
    }
}

var filename=photos/+filename+.jpg;变量文件名没有定义;在执行photos/+filename+.jpg时,文件名未定义。我猜你们想在这里使用文件而不是文件名:var filename=photos/+file+.jpgSee上面的评论^^^^^^^+1谢谢你们,非常感谢!我把它修好了