Question

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

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

        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

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

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

Answer 2

您的上传过程和检索过程可能还不错。问题在于图像的缓存。有几种方法可以解决这个问题。

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

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

所以从您的代码中可以看出：

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

还有其他方法可以阻止缓存，但这可能是最快速，最简单的方法，而不会破坏页面的其余部分。

Answer 3

如果缓存不是问题，那么它必须与您的页面生命周期一致。根据你到目前为止所做的事情是不可能的，但我唯一能想到的是问题中的代码（设置图像URL）包含在if (!IsPostback)中，因此不会更新上传后，但会在页面加载GET时更新。

在该行上抛出断点，看看它何时被击中。

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

3 个答案: