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

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

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


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

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


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

1. Forguncy.Helper.preProcessImageSrc = function(src){
   
2.     if(src){
   
3.         var srcArr = src.split("/GeneratedResources/");
   
4.         if(srcArr.length==2){
   
5.             return "CDN url" + srcArr[i];
   
6.         }
   
7.     }
   
8.     return src;
   
9. }

复制代码

大功告成~


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


大家学会了嘛~~