[發(fā)明專利]web端實現(xiàn)圖片查看器的方法、電子設備、介質及系統(tǒng)

有效

• 申請?zhí)枺?/td>: 202011167494.4
• 申請日: 2020-10-27
• 公開（公告）號: CN112328924B
• 公開（公告）日: 2023-08-01
• 發(fā)明（設計）人: 丁秀霞;李凡平;石柱國
• 申請（專利權）人: 青島以薩數據技術有限公司;以薩技術股份有限公司;安徽以薩數據技術有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 北京酷愛智慧知識產權代理有限公司 11514
• 代理人: 向霞

本發(fā)明實施例公開了一種web端實現(xiàn)圖片查看器的方法、電子設備、介質及系統(tǒng)。方法包括：在瀏覽器頁面上，點擊任意一張圖片以生成數據請求，并將所述數據請求發(fā)送至服務器；接收所述服務器返回的圖片數據；將所述圖片數據全屏顯示于預設的顯示區(qū)內；在所述顯示區(qū)內，按預設規(guī)則對所述圖片數據進行下載及縮放。實施本發(fā)明實施例，基于安防行業(yè)的應用系統(tǒng)，針對多場景設計，場景圖包括安防圖片及交通圖片等，在瀏覽器頁面上，可對場景圖進行下載及縮放等操作，同時可查看場景圖里的詳細信息，例如場景圖中的車輛特征信息及場景圖出現(xiàn)的地理位置等。

技術領域

本發(fā)明涉及計算機技術領域，具體涉及一種web端實現(xiàn)圖片查看器的方法、電子設備、介質及系統(tǒng)。

背景技術

現(xiàn)有技術監(jiān)聽到對待顯示圖片的點擊操作后，調用瀏覽器的圖片查看器顯示用戶點擊的圖片，實現(xiàn)對文章中的圖片單獨進行，諸如“保存”、“縮放”、“編輯”等操作，如圖1所示。

上述技術方案存在以下缺點：圖片展示方式單一，可配置項較少，不能適應多場景。

發(fā)明內容

針對現(xiàn)有技術中的技術缺陷，本發(fā)明實施例的目的在于提供一種web端實現(xiàn)圖片查看器的方法、電子設備、介質及系統(tǒng)。

為實現(xiàn)上述目的，第一方面，本發(fā)明實施例提供了一種web端實現(xiàn)圖片查看器的方法，包括：

在瀏覽器頁面上，點擊任意一張圖片以生成數據請求，并將所述數據請求發(fā)送至服務器；

接收所述服務器返回的圖片數據，所述圖片數據由所述服務器根據所述數據請求所得；

將所述圖片數據全屏顯示于預設的顯示區(qū)內；

在所述顯示區(qū)內，按預設規(guī)則對所述圖片數據進行下載及縮放。

其中，所述圖片數據包括場景圖、多張?zhí)卣餍D及所述場景圖的詳細信息，所述場景圖包括安防圖片和交通圖片；所述場景圖為任意一張?zhí)卣餍D；所述詳細信息包括所述場景圖中的車輛特征信息及所述場景圖出現(xiàn)的地理位置。

進一步地，所述顯示區(qū)包括第一區(qū)域、第二區(qū)域及第三區(qū)域，將所述圖片數據全屏顯示于預設的顯示區(qū)內，具體包括：

將所述場景圖顯示于第一區(qū)域，將多張所述特征小圖顯示于第二區(qū)域，將所述場景圖的詳細信息顯示于第三區(qū)域。

進一步地，所述第一區(qū)域內包括外容器和內容器，所述內容器的尺寸小于所述外容器的尺寸，所述內容器用于顯示所述場景圖。

在本申請某些具體實施方式中，預設規(guī)則包括縮放比例，所述方法還包括：

獲取所述場景圖的原始尺寸和所述外容器的尺寸；

根據所述場景圖的原始尺寸和所述外容器的尺寸計算縮放比例。

進一步地，在本申請某些優(yōu)選實施方式中，所述方法還包括：

在所述外容器內，接收用戶的點擊操作以生成切換請求；

根據所述切換請求獲取所述內容器內場景圖片的索引值和當前瀏覽頁面的數據條數；

根據所述索引值和數據條數進行多張?zhí)卣餍D之間的切換。

第二方面，本發(fā)明實施例提供了一種電子設備，包括：

請求模塊，用于在瀏覽器頁面上，點擊任意一張圖片以生成數據請求，并將所述數據請求發(fā)送至服務器；

接收模塊，用于接收所述服務器返回的圖片數據，所述圖片數據由所述服務器根據所述數據請求所得；

顯示模塊，用于將所述圖片數據全屏顯示于預設的顯示區(qū)內；

處理模塊，用于在所述顯示區(qū)內，按預設規(guī)則對所述圖片數據進行下載及縮放。