异步加载图片

在处理大量数据加载时,特别是遇到500错误,可以采取异步加载图片策略以避免问题。首先,仅加载非图片数据,然后通过图片URL异步请求图片。在请求过程中设置默认图片,当图片实际加载完成后替换为实际图片,从而实现平滑的用户体验。
摘要由CSDN通过智能技术生成

使用背景:

在数据加载中,如ajax请求加载中,如果数据量过大,有时会产生500错误信息,如果是这个原因,采用的策略是:

加载数据的时候,只加载除图片以外的其他信息,图片信息通过图片的请求路径加载,具体操作步骤如下:

1)设置img的src 数据信息为连接地址

 <img class="item-img" v-bind:src="'../Goods/GetProductImg?proid='+ite.pro_id" />       

2)后台中使用异步调用的方式请求图片信息,这里必须返回的参数是Task<FileResult>

      因为是异步操作,所以首先要设置默认图片

/// <summary>
        /// 获取商品图片
        /// </summary>
        /// <param name="proid"></param>
        /// <returns></returns>
        public async Task<FileResult> GetProductImg(string proid)
        {
            FileContentResult fileResult;            
            byte[] byData = null;
            
            //默认图\Content\Images\workbord
            string _path = Server.MapPath("~/Conten
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xunbaogang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值