从服务器文件夹C＃/ JavaScript / MVC4显示图像

Question

所以我试图使用AJAX来提取包含服务器上图像文件名的JSON文件。到目前为止，JSON提取所需的文件列表（文件夹中实际图像的路径）并将其返回到页面，然后页面显示它们都很好并且花花公子但是它实际上并不显示图像。编辑div的innerHTML以添加图像时，图像src会显示为“about：blank”，这对我来说没有多大意义，因为当我执行“警告”以检查div的内部html时内容已添加，它显示了src中图像的完整服务器路径。下面是代码，有人可能会给我一个解释这个奇怪的事件。我感谢您的任何和所有帮助:)。

// Javascript / HTML on page
<div id="dogphotos">

</div>
<script type="text/javascript">
    window.onload = function () {
        $.ajax({
            type: 'POST',
            async: true,
            url: '/Assets/GetDogPhotos',
            dataType: 'json',
            success: function(data)
            {
                for (var i = 0; i < data.length; ++i)
                {
                    document.getElementById('dogphotos').innerHTML += '<img src="' + data[i] + '" style="width:90px; height:90px;"/><br><br>';
                }
                alert(document.getElementById('dogphotos').innerHTML);
            }
        });
    }
</script>

// Controller 
        public JsonResult GetDogPhotos()
        {
            return Json(Directory.GetFiles(Server.MapPath("~/Assets/Images/Dogs"), "*.*", SearchOption.AllDirectories));
        }