asp.net不会刷新母版页中新上载的照片

Question

我有一个档案aspx文件，并有文件上传按钮上传个人资料照片。单击文件上载按钮时，将打开文件选择器窗口。当用户选择该文件并关闭该文件选择器窗口时，将提交主页。照片上传成功。但是当页面再次加载时，我发现母版页中的照片在再次刷新之前不会改变。

这是将照片从子页面加载到主页的代码，

        dbCommand = db.GetStoredProcCommand(Select_Users_Photo");
        db.AddInParameter(dbCommand, "user_id", DbType.Guid, new Guid(Session["SessionUserId"].ToString().Trim()));
        IDataReader dr = db.ExecuteReader(dbCommand);
        if (dr.Read())
        {
            image_user.ImageUrl = dr["PhotoPath"].ToString().Trim();
        }
        else
            image_user.ImageUrl = "images/man.jpg";
        dr.Close();
        dr.Dispose();

Answer 1

如果缓存不是问题，那一定是页面生命周期的问题。根据您到目前为止所拥有的内容无法判断，但我能想到的唯一一件事是，问题中的代码(设置图像URL)封装在一个if (!IsPostback)中，因此它不会在上传时更新，而是会在页面的完整GET加载时更新。

在该行上抛出一个断点，看看它什么时候被实际命中。

Answer 2

将?mtime=1257316941附加到图像url的末尾。如果图像存在于中的指定位置。它肯定会显示更新后的图像。

 if (dr.Read())
    {
        image_user.ImageUrl = dr["PhotoPath"].ToString().Trim()+ "?mtime=1257316941";
    }
    else
        image_user.ImageUrl = "images/man.jpg"+ "?mtime=1257316941";

Answer 3

您的上传过程和检索过程可能都很好。问题将与图像的缓存有关。有几种方法可以解决这个问题。

最简单的方法是在图像标签上添加一个随机的querystring参数-这样浏览器每次都会认为它是一个不同的图像，并且总是从服务器请求新的图像。

<img src="/path-to-image/img.png?randomval=<%= Guid.NewGuid() %>">

因此，从您的代码中，它将是：

image_user.ImageUrl = dr["PhotoPath"].ToString().Trim() + "?randomval=" + Guid.NewGuid();

还有其他方法可以防止缓存，但这可能是最快、最简单的方法，而且不会中断页面的其余部分。