[發明專利]web端實現圖片查看器的方法、電子設備、介質及系統

有效

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

1.一種web端實現圖片查看器的方法，其特征在于，包括：

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

接收所述服務器返回的圖片數據，所述圖片數據由所述服務器根據所述數據請求所得；所述圖片數據包括場景圖、多張特征小圖及所述場景圖的詳細信息，所述場景圖為安防圖片或交通圖片；所述場景圖為任意一張特征小圖；所述詳細信息包括所述場景圖中的車輛特征信息及所述場景圖出現的地理位置；

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

在所述顯示區內，按預設規則對所述圖片數據進行下載及縮放；

其中，所述顯示區包括第一區域、第二區域及第三區域，所述第一區域內包括外容器和內容器，所述內容器的尺寸小于所述外容器的尺寸，所述內容器用于顯示所述場景圖；將所述圖片數據全屏顯示于預設的顯示區內，具體包括：

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

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

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

根據所述索引值和數據條數進行多張特征小圖之間的切換。

2.如權利要求1所述的方法，其特征在于，預設規則包括縮放比例，所述方法還包括：

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

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

3.一種電子設備，其特征在于，包括：

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

接收模塊，用于接收所述服務器返回的圖片數據，所述圖片數據由所述服務器根據所述數據請求所得；所述圖片數據包括場景圖、多張特征小圖及所述場景圖的詳細信息，所述場景圖為安防圖片或交通圖片；所述場景圖為任意一張特征小圖；所述詳細信息包括所述場景圖中的車輛特征信息及所述場景圖出現的地理位置；

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

處理模塊，用于在所述顯示區內，按預設規則對所述圖片數據進行下載及縮放；

其中，所述顯示區包括第一區域、第二區域及第三區域，所述第一區域內包括外容器和內容器，所述內容器的尺寸小于所述外容器的尺寸，所述內容器用于顯示所述場景圖；將所述圖片數據全屏顯示于預設的顯示區內，具體包括：

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

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

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

根據所述索引值和數據條數進行多張特征小圖之間的切換。

4.一種電子設備，其特征在于，包括處理器、輸入設備、輸出設備和存儲器，所述處理器、輸入設備、輸出設備和存儲器相互連接，其中，所述存儲器用于存儲計算機程序，所述計算機程序包括程序指令，所述處理器被配置用于調用所述程序指令，執行如權利要求1或2所述的方法。

5.一種計算機可讀存儲介質，存儲有計算機程序，其特征在于，所述計算機程序包括程序指令，所述程序指令當被處理器執行時使所述處理器執行如權利要求1或2所述的方法。

6.一種圖片查看系統，包括相互通信的電子設備及服務器，其特征在于，所述電子設備采用如權利要求4所述的電子設備。