🔧 “历史”使用lazyload，减轻服务端压力

adlered · Jan 22, 2021 · 1add847 · 1add847
1 parent 16853f2
commit 1add847
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 15 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/src/main/resources/static/background/load.gif b/src/main/resources/static/background/load.gif
diff --git a/src/main/resources/static/js/history/histories.js b/src/main/resources/static/js/history/histories.js
@@ -23,20 +23,21 @@ $(function () {
                                                 .then(function (listRes) {
                                                     $.each(listRes.data, function (key, data) {
                                                         var list = data;
-                                                        $("#" + year + "-" + month + "-" + day).append("<a href='" + data.path + "' target='_blank'><img src='" + list.path + "' style='width: auto; height: auto; max-width: 128px; max-height: 128px; margin: 8px 4px' class='img-thumbnail'></a>");
+                                                        $("#" + year + "-" + month + "-" + day).append("<a href='" + data.path + "' target='_blank'><img class='lazyload img-thumbnail' src='background/load.gif' data-src='" + list.path + "' style='width: auto; height: auto; max-width: 128px; max-height: 128px; margin: 8px 4px'></a>");
                                                         if (i == 0) {
                                                             $("#histories").prepend("" +
                                                                 "<h5>历史记录根据您的IP地址（" + data.ip + "）所生成，请及时保存，IP地址更改后历史记录将丢失。</h5>");
                                                         }
                                                         ++i;
                                                         $("#picCount").text(i);
                                                     });
+
+                                                    $(".lazyload").lazyload();
                                                 });
                                         });
                                     });
                             });
                         });
                 });
-            }
-        );
+        });
 });
diff --git a/src/main/resources/static/js/lazyload.min.js b/src/main/resources/static/js/lazyload.min.js
diff --git a/src/main/resources/templates/history.html b/src/main/resources/templates/history.html
@@ -53,6 +53,7 @@
 
 <script src="js/axios.min.js"></script>
 <script src="js/history/histories.js"></script>
+<script src="js/lazyload.min.js"></script>
 
 </body>
 </html>