关于jQuery中ajax上传图片页面刷新的提问

问题遇到的现象和发生背景

在ajax上传图片到后台服务器之后做了渲染了图片在页面的显示,但是页面秒刷新图片的渲染就没有了,并且控制台打印的后台返回的数据也是只显示一下瞬间刷新没有了

问题相关代码,请勿粘贴截图

用了BootStrap v4.6框架,下面是具体代码展示
1.html页面代码

img

2.api接口

img

3.js代码

img

运行结果及报错内容

img


---但是页面瞬间刷新成这样

img

我的解答思路和尝试过的方法

在网上搜了一下后
我尝试过添加一个button type=“button”来点击上传,和在ajax请求之后return false,戴氏都会出现这种情况

我想要达到的结果

我想要的结果是上传成功之后,页面上图片的渲染不会被刷新。
还请各位帮我看看,我也是刚学习ajax的知识,谢谢!

我看你的代码是后台给前台返回了一个图片路径,你可以试试直接访问那个路径,看能不能访问到图片。进而可以确认后台有没有成功存储文件。如果通过路径可以访问到图片,但是页面不显示的话,那么在src路径后面加一个随机数Math.random(); 记得带上问号。