<img>标签导致请求发送两次问题

最新推荐文章于 2022-04-24 19:39:56 发布

I,Frankenstein

最新推荐文章于 2022-04-24 19:39:56 发布

阅读量4.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：其他/疑难杂症 ------【疑难杂症】文章标签： img ie8 sessionid 请求两次

本文链接：https://blog.youkuaiyun.com/u013185616/article/details/52921298

本文探讨了在Internet Explorer 8（IE8）浏览器中，<img>标签导致请求被发送两次的奇怪现象。通过问题描述和深入分析，揭示了与sessionid相关的原因，并提出了可能的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

原本系统好好的登录页面，我加了一个点击弹出二维码的代码，导致登录不上。排查原因：系统有个session验证，就是页面请求的sessionid必须要跟后台获取的sessionid相同才允许把请求发到后台，后来发现我前端页面加了个<img src="" />，导致sessionid不一致，不允许登录。

问题分析：

在img 对象的src 属性是空字符串("")的时候，浏览器认为这是一个缺省值，值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入，并把其内容作为图像的二进制内容并试图显示。所以，登录的时候，页面有两次请求，导致了sessionId前后台不一致。

上面说的现象不同的浏览器结果不一样，在chome里面就是正常的。

代码	Firefox	IE8	谷歌
<img

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

I,Frankenstein

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

关于element ui的图片标签＜el-image＞验证码会提交两次的bug

Hida_Baru的博客

11-16

2247

最近在做一个点击图片会刷新验证码的例子，前端点击图片触发getCaptch（）将图片的src属性更改但是但我点击的时候发现了后端输出了两句日志，也就是说前端向后端发了两次请求，后来发现将elementUI的<el-image>标签换成<img> 标签就行了，可能是<el-image> 的bug。 ...

移动端QQ浏览器默认发送2次img src请求图片资源导致图片验证码与短信验证码接口所需参数不匹配

hzxOnlineOk的博客

12-20

1355

前阵子我碰到了个需求，实现开户功能开户需要手机号、图形验证码、短信验证码如下图：而图形验证码通过img标签的src属性去请求获取服务器图形验证码图片的用户如果想要点击获取验证码，就需要提供手机号、图形验证码对应的验证码字符串问题来了，测试提了个bug，第一次点击获取验证码后端总是报错！移动端的其他浏览器都很正常，不会出现这个情况，只有qq浏览器会发生这个情况，经过排查，...

1 条评论您还未登录，请先登录后发表或查看评论

vue，请求获取图片code，img中产生两次src获取资源问题

github_39598787的博客

07-25

4274

示例代码： <template>  <img :src="imgUrl + MainImg + '_0x0'" alt="款式主图" v-if="MainImg != ''"> <!-- 2、<table class="table-content" v-if="lis

image src请求两次问题

weixin_42381896的博客

04-21

2829

image src请求两次问题

【研究】加载图片时，同一url，多次request

weixin_30765475的博客

10-09

561

此前曾经碰到过一个挺奇怪的现象。同样是一个url，在动态生成图片时，居然会多次请求，不管怎么说让人感觉非常不爽，于是自己写了一段简单的代码实验了一下。 <html> <script src="http://static.blog.youkuaiyun.com/scripts/jquery.js"></script> <script>...

<html> <head> <title>A page with vulnerabilities</title> </head> <body> <a id="" href="/.action">your input id: <br>has ben evaluated again in id attribute</a> </body> </html>如何获得flag

08-05

另外，文本中“has ben evaluated again”可能意味着输入被两次评估，这可能是二次注入或双重解析。由于我们不知道flag的位置，通常flag可能在服务器的某个文件中（如flag.txt）或环境变量中。假设存在SSTI...

<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no"> <title>用户登录界面</title> <link th:href="@{/css/bootstrap.css}" rel="stylesheet"> <link th:href="@{/css/signin.css}" rel="stylesheet"> </head> <body class="text-center">  <form class="form-signin" th:action="@{/toBook}"> <img class="mb-4" th:src="@{/img/login.jpg}" width="88" height="88"> <h1 class="h3 mb-3 font-weight-normal" th:text="{login.tip}">请登录</h1> <input type="text" class="form-control" name="username" th:placeholder="{login.username}" required="" autofocus=""> <input type="password" class="form-control" name="password" th:placeholder="{login.password}" required=""> <div class="checkbox mb-3"> <label> <input type="checkbox" value="remember-me"> {login.rememberme} </label> </div> <button class="btn btn-lg btn-primary btn-block" th:text="{login.button}">登录</button> <p class="mt-5 mb-3 text-muted">© <span th:text="${currentYear}"></span>-<span th:text="${currentYear}+1"></span></p> </form> </body> </html> <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no"> <title>用户登录界面</title> <link th:href="@{/css/bootstrap.css}" rel="stylesheet"> <link th:href="@{/css/signin.css}" rel="stylesheet"> </head> <body class="text-center">  <form class="form-signin" th:action="@{/toBook}"> <img class="mb-4" th:src="@{/img/login.jpg}" width="88" height="88"> <h1 class="h3 mb-3 font-weight-normal" th:text="{login.tip}">请登录</h1> <input type="text" class="form-control" name="username" th:placeholder="{login.username}" required="" autofocus=""> <input type="password" class="form-control" name="password" th:placeholder="{login.password}" required=""> <div class="checkbox mb-3"> <label> <input type="checkbox" value="remember-me"> {login.rememberme} </label> </div> <button class="btn btn-lg btn-primary btn-block" th:text="{login.button}">登录</button> <p class="mt-5 mb-3 text-muted">© <span th:text="${currentYear}"></span>-<span th:text="${currentYear}+1"></span></p> </form> </body> </html> 1、整合login.html模板要求：1）显示当前年，currentYear~currentYear+1 2）点击登录后，通过@RequestParam("username")获取输入的用户名，并在控制台打印，登陆后跳转到图书页面

03-31

<img class="mb-4" th:src="@{/img/login.jpg}" alt="Logo" width="88" height="88"> <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">请登录</h1> <input type="text" class="form-control" ...

<template> <div class="bodyMask"> </div> <div id="header" class="index_nav"> <div class="content"> <a href="javascript:void(0);" id="logo"><img src="/images/1504859476522.jpg" height="40" /></a> <ul id="nav"> </ul> <div class="clear"></div> </div> <a id="headSHBtn" href="javascript:void(0);"><i class="fa fa-bars"></i></a> </div> <div id="sitecontent"> <div class="npagePage Pageyemian" id="page_none"> <div id="banner" class=""> <div style="background-image:url(./images/1504853176556.jpg);"></div> </div> <div class="content"> <div class="header"> <p class="title">用户登陆</p> </div> <div class="fw postbody" id="postbody"> <el-form ref="loginForm" :model="loginForm" :rules="rules" style="width:100%;" label-width="20%"> <el-form-item label="用户名" prop="uname"> <el-input v-model="loginForm.uname" placeholder="请输入用户名"></el-input> </el-form-item> <el-form-item label="密码" prop="upwds"> <el-input v-model="loginForm.upwds" placeholder="请输入密码"></el-input> </el-form-item> <el-form-item label="验证码" prop="captcha"> <el-input v-model="loginForm.captcha" placeholder="请输入验证码" style="width: 60%;"></el-input>  <img :src="captchaUrl" alt="验证码" @click="refreshCaptcha" style="cursor: pointer; height: 40px;"/> </el-form-item> <el-form-item> <el-button type="primary" @click="login(loginForm)" :loading="loadingbut">{{loadingbuttext}}</el-button> <el-button type="danger" @click="cancel">重置</el-button> <el-button type="success" @click="$router.push('/register')" >注册</el-button> </el-form-item> </el-form> <p style="text-align: center;"><img src="/images/147626231032.jpg" title="undefined" alt="undefined" width="800" vspace="0" border="0" height="" /></p> <hr /> <p><br /></p> <p><br /></p> </div> </div> </div> </div> <div id="online_open"><i class="fa fa-comments-o"></i></div> <div id="online_lx"> </div> </template> <script> export default { name: 'Login', data () { return { loginForm: { uname: '', upwds: '', captcha: '' }, //验证规则 rules: { uname: [{required: true, message: '请输入用户名', trigger: 'blur'}], upwds: [{required: true, message: '请输入密码', trigger: 'blur'}], captcha: [{required: true, message: '请输入验证码', trigger: 'blur'}] }, loadingbut: false, loadingbuttext: '登录', captchaUrl: '/captcha', // 验证码图片的URL dialogVisible: true } }, mounted () { console.log('Captcha URL:', this.captchaUrl); }, methods: { login (loginForm) { this.$refs['loginForm'].validate((valid) => { if (valid) { this.loadingbut = true this.loadingbuttext = '登录中...' this.$axios .post('/logins',{ uname: loginForm.uname, upwds: loginForm.upwds, captcha: loginForm.captcha }) .then(successResponse => { if (successResponse.data === "ok") { //Message Box this.$alert('登录成功', {confirmButtonText: '确定' }) this.$store.commit('changeLogin',this.loginForm.uname) let path = this.$route.query.redirect this.$router.replace({path: path === '/' || path === undefined ? '/mains': path}) }else { this.$alert('用户名或密码错误或验证码错误！', {confirmButtonText: '确定' }) this.loadingbut = false; this.loadingbuttext = '登录'; } }) .catch(failResponse => { this.$alert(failResponse.response.status, {confirmButtonText: '确定' }) }) } else { this.$alert('表单验证失败', {confirmButtonText: '确定' }) return false; } }) }, cancel(){ this.$refs['loginForm'].resetFields() }, refreshCaptcha () { // 刷新验证码 this.captchaUrl = `/captcha?timestamp=${new Date().getTime()}` } } } </script> <style scoped> @import '../../public/css/4101.css'; @import '../../public/css/lib.css'; @import '../../public/css/style.css'; </style> 为什么这么写验证码显现不出来

05-11

<think>好的，我现在需要解决用户在Vue3和SpringBoot项目中验证码无法显示的问题。首先，我得回顾一下用户之前提供的资料和他们之前的对话，看看有没有相关的线索。用户之前的回答中提到了后端使用Spring Boot生成...

+ 用浏览器查看百度的Cookie，有两个cookie，禁用后www.baidu.com百度搜索被禁用，不能跳转搜索网页;禁用baidu.com后刷新会创建新的cookie <div style="display: flex;"> <img src="image-4.png" alt="alt text" style="width: 50%;"> <img src="image-3.png" alt="alt text" style="width: 50%;"> </div> 但是和之前图片没有保持相同缩进了