Question

我需要将上传的图像替换为具有相同名称和大小的上一个图像，并在成功上传之后刷新div以显示新图像。除了新图像未在ajax加载方法上更新外，我还有其他工作方法刷新整个页面就可以了。

野兔是相关代码

var options = {
        target:   '#imager778',   // target element(s) to be updated with server response 
        beforeSubmit:  beforeSubmit,  // pre-submit callback 
        success:       afterSuccess,  // post-submit callback 
        resetForm: true        // reset the form after successful submit 
    };  
     $('#MyUploadForm').submit(function() { 
        $(this).ajaxSubmit(options);            
        // always return false to prevent standard browser submit and page navigation 
        return false; 
    });
    function afterSuccess()
   {
    $('#submit-btn').show(); //hide submit button
    $('#loading-img').hide(); //hide submit button
    $("#divofimage").load("page.php #divofimage");
    }

任何人都可以建议我我认为这是因为缓存我已经尝试将随机数添加到网址但没有效果

Answer 1

我们可以通过强制图像通过ajax然后将新图像与时间戳相关联来打破浏览器的缓存。

var name='FULL_PATH?dt=' + (+new Date());
$('<img src="'+name+'">').load(function() {
       $('#ID').html('');
       $(this).width('40').height('40').appendTo('#ID');
});

你已经得到了漂亮而又酷炫的新形象：）

通过jquery加载具有相同名称的图像

1 个答案: