Question

我有这个Ajax帖子请求。在Crome工作得很好。刚刚在IE中打开它，它完全失败了。它是一个div，图像加载到旋转木马中。使用的轮播是http://caroufredsel.dev7studios.com/（如果有人在图片轮播之后，我会强烈推荐这个旋转木马）

单击文件夹时

     <a href="javascript:void(0);" onclick="getImages(1)">Folder 1</a>

基本上查询php文件并使用一组新图像刷新div

  $.ajaxSetup ({  
    cache: false,
    async: false  
});  
 function getImages(id)
 {
 $.ajax({


 type: "POST",
 url: 'getImage.php',
 dataType: "json",
 data: "id=" + id, 
 success: function(data) {

      $('#scrolimg').html(data);
      $("#car1").carouFredSel({
auto : false,
items   : 4,
scroll  : 4,
circular : false,
infinite : false,
prev : "#foo1_prev",
next : "#foo1_next",
swipe       : {
    onTouch     : true,
    onMouse     : false
}
 });

 }

 });

当我在Stack上阅读类似的问题时，大多数人都说将缓存转为假和异步，但这没有帮助。另一个解决方案是发出POST请求而不是GET，但这对我来说也不起作用。

上面的代码运行完美。问题出在getImage.php文件中。我有一个循环运行，以查找图像的宽度和高度与PHP函数调用getimagesize（）

该功能未在IE中运行，但在所有其他浏览器中运行良好。我的Ajax阻止此功能运行吗？

   <?php do {
  $image = $_SERVER['DOCUMENT_ROOT']."/images/uploads/".$row_rs_image['thumbfile'];
   list($width, $height)= getimagesize($image); 
 ?>
     <img  src="/images/uploads/<?php echo $row_rs_image['thumbfile']; ?>"  width="<?php echo $width;?>" height="<?php echo $height;?>" />
    <?php } while ($row_rs_image = mysql_fetch_assoc($rs_image)); ?>

当我输出源时，我看到以下

       <img name="creed" src="/images/uploads/320623-1358872780_thumb.png"  width="" height="" />

Answer 1

发现了这个问题。在获取图像大小时使用此行代替

list（$ width，$ height，$ type，$ sizes）= getimagesize（$ image）;

然后在getImage.php

中

  <?php do {
  $image = $_SERVER['DOCUMENT_ROOT'].$row_rs_image['userimagespath'].$row_rs_image['thumbfile'];
   list($width, $height, $type, $sizes)= getimagesize($image);  
 ?>
  <img name="<?php echo $row_rs_image['imgname']; ?>" src="/images/uploads/<?php echo $row_rs_image['thumbfile']; ?>"  <?php echo $sizes;?> />

感谢大家的帮助

Answer 2

只需删除逗号，试一试，希望它能正常工作：）

$ .ajaxSetup（{
cache：false， async：false
}）;
函数getImages（id） { $就（{

输入：“POST”， url：'getImage.php'， dataType：“json”，数据：“id =”+ id 成功：功能（数据）{

  $('#scrolimg').html(data);
  $("#car1").carouFredSel({

auto：false，项目：4，滚动：4，通告：假的，无限：虚假，上一篇：“＃foo1_prev”，下一个：“＃foo1_next” 滑动：{ onTouch：是的， onMouse：false } }）;

}

}）;

Ajax在所有版本的IE中都失败了

2 个答案: