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