[發明專利]一種支持多格式附件上傳與預覽的組件方法在審
申請號: | 201810431330.4 | 申請日: | 2018-05-08 |
公開(公告)號: | CN108595690A | 公開(公告)日: | 2018-09-28 |
發明(設計)人: | 王宏達;張麗寶;曹雪韜;邵輝 | 申請(專利權)人: | 山東浪潮通軟信息科技有限公司 |
主分類號: | G06F17/30 | 分類號: | G06F17/30;G06Q10/10 |
代理公司: | 濟南信達專利事務所有限公司 37100 | 代理人: | 韓月娥 |
地址: | 250100 山東省*** | 國省代碼: | 山東;37 |
權利要求書: | 查看更多 | 說明書: | 查看更多 |
摘要: | |||
搜索關鍵詞: | 上傳 附件上傳 預覽 多格式 附件內容 后端處理 配置參數 前端附件 實例對象 業務技術 自動選擇 實例化 服務器 刪除 替換 進度 配置 應用 | ||
本發明公開一種支持多格式附件上傳與預覽的組件方法,涉及在B/S架構中附件上傳的業務技術,通過Plupload將上傳的文件進行處理,Plupload會自動選擇最合適的上傳方式,在經過后端處理,將附件最終上傳到服務器;包括前端附件上傳處理;實例化一個plupload對象,傳入一個配置參數對象進行各方面的配置;在plupload實例對象上注冊各種需要的事件,通過這些事件跟plupload進行交互;以及獲取附件內容和上傳地址,完成附件上傳。本發明支持上傳多種格式的附件;支持預覽、查看上傳進度,對已上傳的附件支持刪除、替換;讓用戶擁有更好的使用體驗,簡單易用、功能強大,具有很好的應用價值。
技術領域
本發明涉及在B/S架構中附件上傳的業務技術,具體的說是一種支持多格式附件上傳與預覽的組件方法。
背景技術
隨著信息技術的不斷發展,單一格式的附件上傳已經不能滿足人們的需求。在目前附件上傳業務中,由于所使用的當前瀏覽器支持上傳方式的限制,上傳時需要考慮上傳附件的格式;并且,通常上傳后的附件不可以修改,查看附件的上傳進度也不方便。
為了讓用戶擁有更好的用戶體驗,不需要在上傳時考慮上傳附件的格式,并且上傳附件可修改,能夠查看附件的上傳進度。針對目前附件上傳中存在的問題,經搜集各種技術組件,并多次驗證,最終選擇Plupload(文件上傳插件)前端上傳組件,來支持多格式附件上傳與預覽。進而,本發明提出了基于基于Plupload實現的一種支持多格式附件上傳與預覽的組件技術,該技術可以應對附件上傳的業務需求。
發明內容
本發明針對目前技術發展的需求和不足之處,提供一種一種支持多格式附件上傳與預覽的組件方法。
本發明所述一種支持多格式附件上傳與預覽的組件方法,解決上述技術問題采用的技術方案如下:所述支持多格式附件上傳與預覽的組件方法,通過Plupload將上傳的文件進行處理,Plupload會自動選擇最合適的上傳方式,在經過后端處理,將附件最終上傳到服務器;主要包括:步驟一、前端附件上傳處理;步驟二、后端附件接收處理;
所述步驟一、前端附件上傳處理,具體包括:
實例化對象;前端編寫js,實例化一個plupload對象,傳入一個配置參數對象進行各方面的配置;
對象初始化;調用plupload實例對象的init()方法進行初始化;
對象注冊事件;
步驟二、后端附件接收處理;具體包括:
獲取附件內容;獲取上傳附件的內容,對內容進行轉換處理;
獲取上傳地址;獲取上傳附件的存儲位置;
完成附件上傳;根據上傳附件的內容及上傳路徑進行附件的最終上傳。
具體的,所述對象注冊事件;
在plupload實例對象上注冊各種需要的事件;plupload從選取文件到文件上傳完成這個過程中,會觸發很多事件,通過這些事件來跟plupload進行交互。
具體的,所述步驟一還包括:添加事件監聽;
實現注冊的所述事件的監聽函數,利用所述監聽函數更新UI、提示上傳進度工作。
具體的,所述步驟二,完成附件上傳時,擁有多種上傳方式:HTML5、flash、silverlight以及傳統的<input type=”file”/>。
具體的,所述Plupload自動偵測當前的環境,選擇最合適的上傳方式,或者優先使用HTML5的上傳方式。
具體的,所述步驟二,獲取附件內容時,用戶能夠直接讀取原生的文件數據,使文件能夠預覽。
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于山東浪潮通軟信息科技有限公司,未經山東浪潮通軟信息科技有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作,請聯系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/201810431330.4/2.html,轉載請聲明來源鉆瓜專利網。
- 上一篇:一種實時環境監測的網絡存儲設備
- 下一篇:一種新型的庫結構數據處理方法