Tracy.Liu 发表于 2020-12-4 14:28:49

一看就会,超有用活字格技能:一百零六、背景图片如何做CDN

本帖中,我们将再带给大家一篇一看就会的易学技巧~

由于会涉及到CDN,所以需要大家先了解一下什么是CDN,在活字格中CDN的使用~
可以先看一下这篇教程哦~↓↓↓
看完必恍然大悟的活字格内幕:二十五,性能问题教程二(CDN技术)
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=55678&fromuid=52377
(出处: 葡萄城产品技术社区)


好了,那么回归正题,如果我们的项目中插入的有背景图片,如何来改背景图片做CDN呢~下面我们一起来操作一下:

操作步骤
1.首先发布应用的这个路径下的资源,都可以做CDN。其中背景图片在Images文件夹下。做CDN的时候可以直接把这个路径下的所有文件夹都传上去。文件夹层级关系和文件夹名都不要修改~


2.在全局加上下面这段代码,红框处改成你CDN的地址就行了

Forguncy.Helper.preProcessImageSrc = function(src){
    if(src){
      var srcArr = src.split("/GeneratedResources/");
      if(srcArr.length==2){
            return "CDN url" + srcArr;
      }
    }
    return src;
}

大功告成~


最后可以在浏览器控制台中检测图片CDN是否成功~


大家学会了嘛~~:jy74a:

页: [1]
查看完整版本: 一看就会,超有用活字格技能:一百零六、背景图片如何做CDN