上传头像后需要回显头像，而后端给出的预览头像的接口需要携带token，因此直接在img标签的src属性怼上头像地址是不可行的，因为无法携带token。
怎么解决携带token这个问题呢
上传头像后需要回显头像，而后端给出的预览头像的接口需要携带token，因此直接在img标签的src属性怼上头像地址是不可行的，因为无法携带token，如何解决？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
ZionHH 2023-02-17 13:49关注- 通过请求获取文件流，然后转成base64，填充到src。
- 后端把静态文件加到白名单，去掉token验证，为什么要加token？？
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2022-07-08 11:45不想掉头发啊！！的博客 上传头像后需要回显头像，而后端给出的预览头像的接口需要携带token，因此直接在img标签的src属性怼上头像地址是不可行的，因为无法携带token。参考该大佬的思路，主要有一下两个思路： 1.先通过请求获取二进制图片...
- 2018-12-22 11:48这个标题所指的Demo（演示）通常是为了展示如何实现用户选择并上传头像后，能即时在界面上预览的效果。这种功能增加了用户体验的友好性，让用户在上传之前就能看到新头像的效果，避免了盲目操作带来的不便。 描述中...
- 2019-05-07 15:08小栋哟的博客 既然有上传头像功能，那用户肯定得选择完照片后显示出来， 废话不多说，下面就是提供一段简单的代码来实现，希望对大家也有帮助； h5 部分 <!--头像--> <div class="head-p" id="touxiang"> <...
- 2021-06-12 02:30张元兴的博客 另一种思路是，直接在本地内存中预览图片，用户确认提交后再上传至服务器保存。这两种方法各有利弊，方法一很明显，浪费流量和服务器资源；方法二则加重了浏览器的负担，并且对浏览器的兼容性要求更高。这里介绍的是...
- 2023-03-07 20:46此外，"优化JS代码，带上传后图片回调"意味着在上传完成后，会执行一段回调函数，用于处理上传成功后的逻辑，例如获取返回的文件URL，并将其设置为图片的src属性，实现回显。 在"OSS直传带回调"中，回调不仅用于...
- 2020-11-26 10:58meetbetterhc的博客 背景：表单提交，将用户的头像传递到后台，后台通过流处理，将文件写到文件服务器（本地模拟）并存入数据库 效果图： 前端： html中需要引入 cookie.js jquery-3.4.1.min.js jquery.form.js <div class...
- 2018-09-19 14:55梦儿-dream的博客 上传用户头像是图片在页面上的回显 <style type="text/css"> #oDiv{ height:200px; width:150px; border:1px solid #000; text-align: center; margin-bottom: 10px; } .file { ...
- 2023-09-03 12:06爱吃小鱼的橙子的博客 在开发中，头像上传是一个非常基本的需求，那么如何去完成这个需求呢？本文将从前端到后端完整的讲述设计过程。
- 2023-04-14 15:41断浪young的博客 使用JQuery或Vue实现图片上传实时回显在页面img标签上
- 2020-05-12 17:44zhangXY_的博客 需求描述：在uniapp 插件市场导入了仿微信裁剪头像的插件，但不同的是插件是在一个页面上传、裁剪和确认的。但需求是跟微信一样，点头像时上传，确定时回显。 问题描述：在确定回显时，图片不显示。在确定前后打印...
- 2022-01-28 15:17凯小默的博客 接着上一篇，我们这篇实现接口返回 base64 给到前端去回显头像 ，昨天我们实现了把图片的唯一性数据存到了本地数据库，下面实现一下读取图片的逻辑： 前端通过唯一性数据发起请求 后端通过前端传过来的唯一性数据...
- 2021-07-08 09:02可别null了的博客 后台在接口中添加token验证 前端需要后台返回的所有接口请求都带token，而且这个都会携带一个默认过期时间，如果遇到token过期，就会返回一个错误提示码 如下对token指令进行判断 如果状态码 == 77777 就弹框 ...
- 2024-02-19 17:43秀秀不只会前端的博客 有则展示原图片的 url，没有则展示 icon点击上传组件从本地选取图片，单个图片上传可以控制选取后自动上传和之后手动上传当统一手动上传时，选择完图片之后将选择的图片file文件转换为URL地址进行前端页面的回显，...
- 2022-12-04 19:03书启秋枫的博客 SpringBoot+Thymeleaf上传头像并回显【表单提交】
- 2019-11-22 12:27骚小孩呀的博客 以前经常写上传头像功能，上传头像完回显出来，通常套路是： 数据库保存文件名（自己加工过，防止重名） 然后文件路径写到前台的绝对路径。前台直接用../相对路径的方式显示出来。 但是这样有一个问题就是当我们...
- 2022-08-25 16:02酷酷的牛仔的博客 在学习前端时，我需要实时的获取本地更新的图片。但是页面只能读取第一次图片，当我的本地图片更新时，页面中的图片不再刷新。这是因为浏览器缓存的问题，我们需要加入一个随机数
- 2021-03-23 10:12胖子的编程之路的博客 uniapp 头像回显加换头像 html代码 <u-image width="120" height="130" :src="model.headThumb" @click="cheangeHeadThumb"></u-image> cheangeHeadThumb函数(所有地方都可以用) cheangeHeadThumb...
- 2020-03-18 12:15一个默默加班的小白的博客 springboot项目使用ajax上传头像回显 先上效果图： 开始上传 点击提交 环境： springboot2.2.5.RELEASE jdk：1.8 thymeleaf：3.0.4.RELEASE springboot项目是jar包运行的,采用的嵌入式的tomcat.所以图片的存储...
- 没有解决我的问题, 去提问
问题事件
系统已结题
2月28日
已采纳回答
2月20日-
创建了问题
2月17日