后端获取的二进制图片前端需要转化成base64，如何让其他数据先加载出来？这个数据是一个数组
数据是类似这样的，先获取到的是imgid，然后前端通过id下载二进制流。
vue如何让图片加载变快
数据是类似这样的，先获取到的是imgid，然后前端通过id下载二进制流。
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
CSDN专家-showbo 2021-12-21 15:58关注题主这个是所有数据全部加载出来了，而且图片一起放在数据源中，一张图片700kb。。多加载几条数据就好10几20M了。
图片一般是存硬盘上，数据库存图片路径，这样数据源就不会这么大了。需要将图片部分独立出来如果图片直接存数据库，然后用动态也来读取图片输出2进制流，用img直接加载就行了，类似下面的<img :src="'/loadimg?id='+item.id"/>评论 打赏解决 1无用举报 分享
- 2022-06-09 11:06回答 3 已采纳 好像是因为后台返回的图片数据为null，具体原因忘了，加了v-if判断后就可以了
- 2022-10-02 23:03回答 2 已采纳 你对视图使用v-if，当为真是显示的视图入口，所有视图内容都加载，当为假时，没有视图入口，视图入口都消失。所以都看不见。以下方法可以试一试解决方法1:不采用route-view，直接将两个视图组件都写
- 2022-06-28 16:48回答 4 已采纳 把transition: all .5s;放到delete-box里面试试 ...不使用settimeout 写个动画吧 .enter { animation-name: moveLeft;
- 2022-04-19 19:14Jiang_JY的博客 1、安装vue-lazyload插件 npm install vue-lazyload --save-dev 2、在main.js中进行引用 import VueLazyload from "vue-lazyload"; Vue.use(VueLazyload); //或者自定义配置插件 Vue.use(VueLazyload, { preLoad...
- 2021-02-23 00:33回答 1 已采纳 是不是要让后端进行图片压缩 再传给前端去显示？
- 2023-01-29 16:49回答 4 已采纳 v-for就可以了例如后端返回num字段为10前端在template中使用v-for循环组件 <card v-for='(item, index) in num'></card>
- 2022-06-08 17:06回答 5 已采纳 可能是引用的cdn挂了，F12打开控制台能看到报错换这个试试 <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.
- 2021-09-10 14:29菜鸟老五的博客 前景：先来说一下图片预加载跟图片懒加载有什么区别： 1.图片懒加载：相对于项目中的图片因为网络原因加载太慢，那么用户第一眼看到呢可能就是页面图片空白然后图片从上到下慢慢悠悠的加载出来，这个时候自定义化...
- 2022-11-02 09:43回答 6 已采纳 利用按钮和弹框来实现移动图片和获取图片位置信息，用的是elementUI组件。参考代码： <template> <div> <el-button
- 2022-07-26 17:23回答 6 已采纳 后端：配置网关，然后可以访问到对应的本地文件前端：通过跨域访问。直接把图片网址拿出来在网页访问，访问不到可能是后端的问题。前端上传了，后端不配置网关也不行.
- 2023-03-06 14:44回答 1 已采纳 该回答引用ChatGPT 在Vue 3中，可以使用v-bind和v-if指令来实现根据加载状态显示不同的图标。具体步骤如下： 在模板中添加图片元素，并使用v-bind指令将图片的src属性绑定到数据
- 2021-12-11 08:49小绵杨Yancy的博客 在vue项目中，如果图片是从服务器端加载到页面上，图片较大的时候，就会存在一部分一部分加载的情况，会显示非常卡顿，影响体验。 2、实现 （1）、图片懒加载 首先将图片的src链接设为一张我们已经准备好的图片...
- 2022-02-03 19:36回答 2 已采纳 在Home路由处用 redirect 去重定向到子路由 不要给子路由设置 '' 逻辑上来说会报错的，这种写法本身是有问题的
- 2023-01-19 17:49重工潇洒哥的博客 我们使用软件的时候，会有很多图片需要加载，但是当网络环境不好，或内存不足的情况，就会导致用户首屏加载特别慢，影响用户体验，所以为了解决这个问题，提出了图片懒加载的方法来解决该问题。这样做的好处就是可以...
- 2023-09-18 14:16好好好就这样的博客 注册插件 Vue.use(VueLazyload, { //参数配置 可不填 // 懒加载默认加载图片 loading: 'xxx.png', // 加载失败后加载的图片 error: 'xxx.png', preLoad: 1.3, // 预加载高度的比例 attempt: 3 // 尝试加载次数 }) ...
- 没有解决我的问题, 去提问
问题事件
创建了问题
12月21日
悬赏问题
- ¥15 Workbench中材料库无法更新，如何解决？
- ¥20 如何推断此服务器配置
- ¥15 关于github的项目怎么在pycharm上面运行
- ¥15 内存地址视频流转RTMP
- ¥100 有偿，谁有移远的EC200S固件和最新的Qflsh工具。
- ¥15 有没有整苹果智能分拣线上图像数据
- ¥20 有没有人会这个东西的
- ¥15 cfx考虑调整“enforce system memory limit”参数的设置
- ¥30 航迹分离，航迹增强，误差分析
- ¥15 Chrome Manifest扩展引用Ajax-hook库拦截请求失败