Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.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/2/jquery/75.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 有关于如何在swift上的jquery中加载图片的参考资料吗?_Javascript_Jquery - Fatal编程技术网

Javascript 有关于如何在swift上的jquery中加载图片的参考资料吗?

Javascript 有关于如何在swift上的jquery中加载图片的参考资料吗?,javascript,jquery,Javascript,Jquery,我没有任何问题,比如错误,但是页面上的内容太滞后了。这是我的js: $(document).ready( function() { photosdone(); }); function photosdone() { setTimeout( function() { photosupdates(); photosdone(); }, 800); } function photosupdates() { $.getJSON("check_photos

我没有任何问题,比如错误,但是页面上的内容太滞后了。这是我的js:

$(document).ready( function() {
photosdone();

});

function photosdone() {
     setTimeout( function() { 
     photosupdates();
     photosdone();
     }, 800);

}

function photosupdates() {
$.getJSON("check_photos.php", { id:  $("#id").val() },function(data) {
    $("#photos").empty();
    $.each(data.result, function(){
    $("#photos").append("<li class='col-lg-3 col-md-3 '><img class='img-responsive' src='data:"+this['MIME']+";base64,"+this['img']+"' width=150px height=150px></li>");

    });
});
}
$(文档).ready(函数(){
photostone();
});
函数photostone(){
setTimeout(函数(){
更新照片();
photostone();
}, 800);
}
函数更新(){
$.getJSON(“check_photos.php”,{id:$(“#id”).val()},函数(数据){
$(“#照片”).empty();
$.each(data.result,function(){
$(“#照片”)。追加(
  • ); }); }); }
    这是我的页面:

    <ul id="photos" class="row bar">
    </ul>
    
    虽然页面没有图片,但它也在运行。但是当我上传一些超过2张的图片时,我认为我的页面被卡住了,尽管它发生了好几次。

    在photostone()中,您再次调用photostone(),可以吗?
    递归photostone调用会使页面滞后,而不是返回JSON响应中的所有图像,每800毫秒,您应该返回它们的url。这不仅可以大大减少网络流量,还可以让浏览器缓存图像。此外,base64编码字符串比二进制图像数据(约33%)大得多

    $(“#照片”)。附加(
  • );
    递归?我想是的,你叫我photosdoneYeah。我该怎么办?有什么方法可以实时加载图片,但可以大大减少网络流量?当你说实时时,你的意思是在一个响应内发送JSON和图像吗?不,那是不可能的。首先需要获取JSON文件,读取其图像URL,然后分别加载它们。但我很肯定这会大大提高速度。另外,如果在得到JSON响应之后而不是之前调用photostone()会更好。编辑了我的答案。是的,我想是的。我该怎么办?有什么方法可以实时加载图片,但可以大大减少网络流量?您也可以尝试将setTimeout和递归更改为类似
    $(document).ready(函数(){setInterval(函数(){photosupdates();},800)})如果您需要内容的实时更新,请查看
    
    $("#photos").append("<li class='col-lg-3 col-md-3 '><img class='img-responsive' src='"+this['url']+"' width=150px height=150px></li>");