0

画像を変更し、ajax 呼び出しが成功したときにブラウザーに表示する ajax 呼び出しを作成しました。ただし、IE と Firefox では画像は変わりません。Chromeで問題なく動作します。

var url =  "/store/artwork/index/renderSVGFile?"+"docID=<?php echo $docID ?>&unique="+(new Date()).getTime();
    jQuery('*').css('cursor', 'wait');
        jQuery.ajax({
            url: url,
            cache:false,
            type: "POST",
            data: {},
            success: function(data) {
                jQuery('#product-img-template').html("<img src='/path/to/image/<?php echo $docID ?+>.png' />");
                jQuery('#product-img-template').css("position", "relative");
                jQuery('#product-img-template').css("top","-430px");
                jQuery('#product-img-template').css("left","-7px");
                jQuery('#product-img-template').css("height","400px");
                jQuery('#product-img-template').css("margin-bottom","-350px");
                jQuery('#product-img-template').css("z-index","20");
                jQuery('*').css('cursor', 'auto'); 
            },
            failure: function(data) {
                 jQuery('*').css('cursor', 'auto'); 
            }
        });

画像が既に変更されていることがわかりますが、ブラウザには表示されません。誰でもこれで私を助けることができますか？

4

1 に答える 1

1

キャッシュfalseは、表示している画像とは関係ありません。だからラインのために

jQuery('#product-img-template').html("<img src='/path/to/image/<?php echo $docID ?+>.png' />");

たとえば、これに変更します-ajaxURLで行うように

jQuery('#product-img-template').html("<img src='/path/to/image/<?php echo $docID ?+>.png?" + (new Date()).getTime() + "' />");
于 2013-01-03T13:31:09.390 に答える