图像不会显示在画布中每次我刷新页面`with`清理浏览器缓存

Question

您好，我有一个javaScript如下：

function analyze_getData(url){
    $.ajaxFileUpload({
        url: url, 
        secureuri: false, 
        fileElementId: ['upload-file'], 
        dataType: "JSON", 
        data:{ "sample_path":src },
        success: function (data)  
        {
            data=JSON.parse(data);
            var json = JSON.stringify(data.prediction, undefined, 4)
            var c=document.getElementById("myCanvas");
            var ctx=c.getContext("2d");
            ctx.strokeStyle="#FF0000";
            ctx.lineWidth=10;
            for(var i=1; i<data.prediction.length; ++i){
              var score_location=data.prediction[i][i.toString()]
              var l=score_location['location']
              ctx.strokeRect(l['left'], l['top'], l['width'], l['height'])
            }
        },
        error: function (data)
        {
        }
    });
}

$(document).ready(function(){
    var img_buffer = document.createElement('img');
    src=$(".demo-view-container-left .view img").attr("src")
    img_buffer.src=src
    var imgWidth=img_buffer.width;
    var imgHeight=img_buffer.height;

    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    c.width = imgWidth;
    c.height = imgHeight;
    var img = new Image();
    img.src = src
    ctx.drawImage(img, 0, 0, imgWidth, imgHeight);
    analyze_getData("xxx/demo")
})

每次刷新页面with清理浏览器缓存时，图片都不会显示在画布中。但是在我再次刷新页面without清理缓存之后，图像通常可以在画布中显示。 这是为什么？ 任何人都可以提供一些建议吗？ 非常感谢〜