Javascript php使用json从url加载图像并显示

Javascript php使用json从url加载图像并显示,javascript,php,Javascript,Php,我想从URL获取图像我对JavaScript非常陌生。我感谢你对我的耐心 我正在尝试创建一个脚本,允许用户在文本区域中输入一个名称,按submit,然后根据imei编号在网页上显示一个图像 {“status”:1,“image_list”:[“01197502649_2010201311619.jpeg”,“01197502649_201020134737.jpeg”,“01197502649_201027135940.jpeg”]}假设文件上载到服务器上,并且您希望使用PHP打印图像,您可以执

我想从URL获取图像我对JavaScript非常陌生。我感谢你对我的耐心

我正在尝试创建一个脚本,允许用户在文本区域中输入一个名称,按submit,然后根据imei编号在网页上显示一个图像


{“status”:1,“image_list”:[“01197502649_2010201311619.jpeg”,“01197502649_201020134737.jpeg”,“01197502649_201027135940.jpeg”]}

假设文件上载到服务器上,并且您希望使用PHP打印图像,您可以执行以下操作:

$images=array(“image1.jpg”、“image2.jpg”);
foreach($images作为$image){
回声“;
}
讨论后编辑:

  • 必须对getinfo.php执行XHR。见:

  • 根据服务器的答案,然后测试成功与否

    • 如果成功,请解析JSON,并在每次显示图像时循环表以创建img元素。看
    • 否则,处理错误

    请尝试此代码,以便从URL加载图像并显示

    <?php
    
    $image = 'http://www.google.com/doodle4google/images/d4g_logo_global.jpg';
    $imageData = base64_encode(file_get_contents($image));
    echo '<img src="data:image/jpeg;base64,'.$imageData.'">';
    ?> 
    
    
    
    我希望这段代码对你有用


    谢谢。

    如果你有30张图像,那么它会起作用,因为你用包含你图像名称的数组替换$images数组。当我调用此url时,我得到响应localhost:200/images/getinfo.php?imei=01197502649此{“状态”:1,“图像列表”:[“01197502649_2010201316169.jpeg”,“01197502649_201020134737.jpeg”,“01197502649_201027135940.jpeg”]请更清楚地告诉我你想做什么,你现在是如何一步一步地做的。我想当我调用这个时,使用网页上显示的图像