javascript - 上传新图片覆盖旧图片，文件名和路径都不变，前端如何不刷新整个页面显示更新后的图片？

问题描述

问 题

上传新图片覆盖旧图片，文件名和路径都不变，前端如何不刷新整个页面显示更新后的图片？
前端用jquery ajax操作<img />所在的局部刷新不起作用，必须刷新整个页面才能显示。
请问如何解决？前提是图片的文件名和路径都不变，我上传新图片，直接把旧图片覆盖掉了

我是通过PHP输出的

<?php
echo '<img scr="img_'.$array['id'].'.jpg" />';
?>

这里img的scr直接是PHP读取MYSQL数据库后输出的，$array['id']就是表中该行数据的id，如果img_1.jpg不存在，就不会显示，上传img_1.jpg后再局部刷新可以显示。
但是如果img_1.jpg已经存在并在前端显示出来了，我再上传新的覆盖掉旧的，再局部刷新就不显示新的了，必须刷新整个页面才行。

解决方案

图片地址后面加个 ?rnd=随机数

这篇关于javascript - 上传新图片覆盖旧图片，文件名和路径都不变，前端如何不刷新整个页面显示更新后的图片？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！