Question

我有一些相机，上传图片有助于FTP连接。

我想用javascript显示最新图片，但我不想在下一张图片加载时看到白色屏幕。

我有这段代码：

<script type="text/javascript"
    src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script>
$(document).ready(function() {
    var $img = $('#image1');
    setInterval(function() {
        $.get('https://alarmstudio.hu/<?php print($scriptfolder); ?>funkciok/kamerakep.php?ui=<?php print($_SESSION['userData']['user_id']); ?>&ci=<?php print($_REQUEST['kamera']); ?>&t='+ new Date().getTime(), function(data) {
            var $loader = $(document.createElement('img'));
            $loader.one('load', function() {
                $img.attr('src', $loader.attr('src'));
            });
            $loader.attr('src', data);
            if($loader.complete) {
                $loader.trigger('load');
            }
        });
    }, 5000);
});
</script>
<div id="load">
    <img id="image1" src="https://alarmstudio.hu/<?php print($scriptfolder); ?>funkciok/kamerakep.php?ui=<?php print($_SESSION['userData']['user_id']); ?>&ci=<?php print($_REQUEST['kamera']); ?>" alt="kamerakep"/></div>

我的问题是：图像在刷新时没有显示。令人耳目一新的回应如下：

ÿØÿàJFIFÿÛC



%# , #&')*)-0-(0%()(ÿÛC



(((((((((((((((((((((((((((((((((((((((((((((((((((ÿÀÐ"ÿÄ   
ÿÄµ}!1AQa"q2¡#B±ÁRÑð$3br    
%&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚáâãäåæçèéêñòóôõö÷øùúÿÄ 
ÿÄµw!1AQaq"2B¡±Á    #3RðbrÑ
$4á%ñ&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz¢£¤¥¦§¨©ª²³´µ¶·¸¹ºÂÃÄÅÆÇÈÉÊÒÓÔÕÖ×ØÙÚâãäåæçèéêòóôõö÷øùúÿÝÿÚ? uÝG?ññÿ/øQý»¨ÿÏÏþ8¿á]ÂBæßÅPYÃ&Ëk½ÞrmvÔr¼éGÅmBæãÅsÙÍ.ëkM¾JmfèÐ·8ÉÉõ®e^cÙÇçÿ·u/ùøÿÇü(ö¥ÿ?<¸¿á^¥ý¿©ÿÂªþØûOüLç·¿óßgÝÆ>ï+/\ÿçÂ¸5S÷ú;¼¹¾î38Sò®ÝtªtcÓ×aû

我不知道这是什么。它给了我代码200，但没有新的图像。第一次显示图像......

Answer 1

我有答案。这个jquery脚本需要获取下一个图像的URL而不是图像源。

Answer 2

我怀疑你的图片是二进制格式，不能用作“src”中的值，你应该做的就是在base64中使用它。

这是一个例子：Embedding Base64 Images

计划B只是更新链接，但正如您所说，浏览器在提取过程中可能不会显示图像。

jQuery如何刷新图像div？

2 个答案: