[發明專利]一種圖片上傳方法、裝置、電子設備及存儲介質

在審

• 申請號: 202211208537.8
• 申請日: 2022-09-30
• 公開（公告）號: CN115562785A
• 公開（公告）日: 2023-01-03
• 發明（設計）人: 卓木維;莫堯鈞;曹雅武;左思敏
• 申請（專利權）人: 北京恩吉鴻業能源科技有限責任公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F9/445
• 代理公司: 北京超凡宏宇專利代理事務所(特殊普通合伙) 11463
• 代理人: 高燕

本申請提供了一種圖片上傳方法、裝置、電子設備及存儲介質，包括：響應于針對拖拽開關執行的開啟操作，開啟預設拖拽組件；接收對第一目標圖片執行的拖拽操作；若第一目標圖片被拖拽至第二目標圖片所在位置，在第一目標圖片原位置生成與第二目標圖片對應的第一副本圖片；響應于針對第一目標圖片執行的釋放操作，將第一目標圖片放置在第二目標圖片所在位置，并在第一目標圖片原位置顯示第一副本圖片，同時刪除第二目標圖片，以完成第一目標圖片與第二目標圖片之間的位置轉換；將更新后的各圖片對應的展示順序推送至客戶端。本申請通過對圖片進行自定義拖拽排序處理，鎖定圖片展示順序，解決上傳圖片排序混亂問題。

技術領域

本申請涉及計算機技術領域，尤其涉及一種圖片上傳方法、裝置、電子設備及存儲介質。

背景技術

開發人員在操作系統上傳多張圖片時，通常通過element上傳組件實現對圖片的上傳。

但是對于element上傳組件而言，當待上傳的多張圖片對應的圖片大小不一的時候，上傳速度會造成圖片展示順序的混亂，且由于element上傳組件本身屬性限制，造成操作者無法對展示順序進行自定義修改，操作者若想對展示順序進行修改，只能刪掉重新上傳，才能得到期望的展示效果，降低了工作效率。

發明內容

有鑒于此，本申請的目的在于至少提供一種圖片上傳方法、裝置、電子設備及存儲介質，通過對圖片進行自定義拖拽排序處理，鎖定圖片展示順序，解決上傳圖片排序混亂問題。

本申請主要包括以下幾個方面：

第一方面，本申請實施例提供一種圖片上傳方法，方法包括：獲取用戶上傳的多張圖片，并在預覽界面進行顯示，預覽界面包括拖拽開關和上傳控件；響應于針對拖拽開關執行的開啟操作，開啟預設拖拽組件，并將多張圖片的狀態修改為待拖拽狀態；接收對第一目標圖片執行的拖拽操作，移動第一目標圖片；若第一目標圖片被拖拽至第二目標圖片所在位置，在第一目標圖片原位置生成與第二目標圖片的第一副本圖片，第一副本圖片處于隱形狀態；響應于針對第一目標圖片執行的釋放操作，將第一目標圖片放置在第二目標圖片所在位置，并在第一目標圖片原位置顯示第一副本圖片，同時刪除第二目標圖片，以完成第一目標圖片與第二目標圖片之間的位置轉換；位置轉換完成后，重新確定各圖片對應的展示順序，響應于對上傳控件執行的選擇操作，將各圖片以及更新后各圖片對應的展示順序推送至服務器。

在一種可能的實施方式中，獲取用戶上傳的多張圖片，并在預覽界面進行顯示的步驟包括：獲取用戶上傳的多張圖片以及每張圖片對應的選擇順序；針對每張圖片，將其對應的選擇順序確定為該張圖片對應的展示順序；將每張圖片及其對應的展示順序，存儲至顯示對象數組；按照顯示對象數組中記錄的各張圖片對應的展示順序，在預覽界面對多張圖片進行顯示。

在一種可能的實施方式中，通過以下方式將多張圖片的狀態修改為待拖拽狀態：獲取顯示對象數組；將預設拖拽組件綁定至顯示對象數組；將顯示對象數組中的多張圖片的狀態修改為待拖拽狀態。

在一種可能的實施方式中，通過以下方式在第一目標圖片原位置生成第二目標圖片的第一副本圖片：獲取第一目標圖片的實時位置信息；檢測實時位置信息是否處于第二目標圖片所在位置對應的預設范圍內；若實時位置信息處于第二目標圖片所在位置對應的預設范圍內，則在第一目標圖片原位置生成第二目標圖片的第一副本圖片。

在一種可能的實施方式中，接收對第一目標圖片執行的拖拽操作，移動第一目標圖片之后，方法還包括：響應于對第一目標圖片執行的拖拽操作，在原位置生成第一目標圖片對應的第二副本圖片，第二副本圖片處于隱形狀態；若第一目標圖片在被拖拽至第二目標圖片所在位置之前被釋放，則在第一目標圖片對應的原位置顯示第二副本圖片，刪除第一目標圖片和第一副本圖片，放棄第一目標圖片與第二目標圖片之間的位置轉換。

第二方面，本申請實施例還提供一種批量圖片展示方法，方法包括：