附件上傳方案設計

2021-02-15 產品更優解

B端業務系統流程中,經常遇到需要把文件或者材料拿給別人確認或查看的情況。

如當銷售人員籤完合同後,需要對合同要素進行錄入並上傳合同附件,由業務相關人員根據合同內容進行業務配置相關的產品服務。如果不能上傳附件的話,銷售人員需要將合同原件通過釘釘發送或者郵寄的方式寄給業務人員,這個過程將會浪費很多的時間。

將籤署完的合同拍照或者掃描,進行整理後;

在釘釘上找到業務人員,如果沒有添加,還需進行添加,如果有,直接發送;

業務人員接收到合同文件,根據合同內容進行後續操作;

由於人員流動性原因,以及人的能動性。忘記保存在固定的文件中,合同掃描件可能會在交接過程中存在不完整的情況,導致系統上有的合同編號,沒有合同掃描件或者合同照片。

在涉及文件材料的場景中,附件上傳功能,用戶可以將材料文件上傳到系統中,他人可以快速的進行瀏覽、查閱。這一過程也會變得很有效率。

用戶在進行附件上傳時,需要提前將上傳的文件準備好,只需點擊上傳,選擇文件就可以進行上傳了,上傳完成後,需要查看上傳文件以及數量是否正確,如果正確,這個動作就完成了,如果不正確,就將不正確的文件刪除重新上傳就可以了。

從上面的流程可以得出,附件上傳的流程為:

上傳前——上傳——上傳中——上傳後。

從上傳流程中,可以大致得到附件上傳的功能包含:上傳(附件上傳的入口)、上傳中(附件上傳的格式、附件上傳的規則、附件上傳的進度、文件上傳異常處理)、上傳後(附件上傳成功或失敗的提示、附件上傳後的顯示)

其一:入口一定要明顯,簡潔。要讓用戶知道這是上傳附件的入口,點擊這個,就可以進行上傳附件了。如下圖所示:

其二:一定要讓用戶知道這個附件上傳的是什麼附件,一個頁面信息非常多,用戶如何知道這個附件是要上傳的什麼樣的內容呢?比如下圖,就讓人一目了然,左邊的圖要上傳的附件是參會材料,而右邊的圖上傳的附件是合同附件。所以一個好的欄位名稱+一個上傳附件的按鈕是很重要的。

可以根據業務需要對上傳的附件格式進行約束,百度了附件格式有哪些:txt,pdf,doc,docx,xls,xlsx,ppt,pptx,rft,jpg,png,bmp,gif,jpeg,rar,zip,dat,key,msg,cad,btw,avi,rmvb,wps,et,dps,vsd,prn,mp4,ai,dib,ico,jfif,jpe…….

除了上面哪些還有很多,如果要是都滿足的話肯定會需要花費大量的時間,所以為了節省開發成本,我們會對附件上傳的格式進行限制。

其次在各個業務中,在財務薪酬體系中,需要excel格式的文件,如果我們不做限制的話,有的人用的其他的格式,對業務側的統計人員來講,對工作也會造成不小的麻煩,所以,為了提高業務效率,我們也要對附件上傳的格式做限制。

證明類的場景中,比如:

上傳憑證、身份證件上傳、投訴證明的場景中,會採用圖片的格式進行上傳,常見的圖片格式有:PNG、JPG。

協作類的場景中,比如:

在很多項目管理的軟體中(worktile,TAPD)產品啟動時,需要上傳需求文檔同步到研發以及團隊其他小夥伴,進行後續開發事項。會議結束後,需要上傳會議紀要,同步給相關人員,開展後續工作事宜。這些都會採用文檔的格式進行上傳,常見的文檔格式有:txt,pdf,doc,docx,ppt

報表類(核對數據類)的場景中,比如:

每個月行政人員都需上傳報銷清單,財務會人員對報表進行核對。會採用表格的格式進行上傳,常見的表格格式有:.xls

 3.1上傳附件件格式校驗

為了提高業務效率,防止用戶上傳了錯誤格式的文件,以及節省開發成本。校驗的第一步,是校驗上傳附件的格式是否正確。如果附件格式只支持PDF,而用戶上傳的了excel格式的文件,則不能上傳。

3.2上傳附件內容校驗

為了避免用戶操作有誤,上傳了空的文件。格式校驗無誤後,再校驗上傳的文件內容是否為空。如果用戶上傳了內容為空的文件,則不能上傳。

3.3上傳附件大小校驗

一是為了減少伺服器的儲存空間,二是為了提高接受方的查看效率。內容不為空校驗無誤後,校驗文件的大小。如果附件大小隻支持5M,而用戶上傳的附件大小超過5M,則不能上傳。常見的限制文件大小的場景有:發送郵件時上傳的附件;參加某比賽需要上傳的附件。

3.4上傳附件數量校驗

根據業務需求進行校驗,附件是否允許上傳多條。如果上傳附件只支持一份,而用戶上傳多份則不能上傳。

3.5上傳同一附件校驗

文件上傳後,同一文件多次進行上傳,需對多份同一文件進行編號,便於用戶區分。

 4.1 上傳中附件進度顯示

當文件上傳校驗成功,進入上傳時。需要給用戶一個上傳中的提示,讓用戶知道附件正在上傳中,上傳進度的顯示能夠讓用戶知道文件還需要多久能夠上傳完成,給用戶一個預期時間。

4.2 刪除附件

當用戶在上傳中、上傳後,發現自己上傳了錯誤的文件,需要對文件進行刪除,重新上傳,這樣一方面是為了避免用戶上傳不正確的文件,糾正用戶的錯誤。另外一方面刪除錯誤文件也是為了避免佔用儲存空間。

4.3 附件上傳過程中,可進行頁面其他操作

在上傳附件過程中,如果上傳的文件過大,需要等幾分鐘時,用戶可以在頁面完善其他內容,而不是等文件上傳完才能進行操作,這樣是為了提高用戶的效率。如果沒有其他內容需要完善,也可以點擊保存或者提交,等附件上傳成功後,自動保存附件數據。

4.4 續傳附件

當文件因為其他原因(斷網,或者超時)中斷上傳時,可以點擊續傳,繼續上傳未完成的附件上傳。可以節省用戶時間,避免重新打開文件上傳。

注意:文件上傳過程中如果因為其他原因中斷上傳,比如:修改了文件的名稱、刪除文件及文件所在的文件夾、修改文件格式等情況,需要用戶刪除附件重新上傳。

4.5 附件上傳後顯示

附件上傳後的顯示,是為了能夠讓文件的接收者能夠快速的瀏覽文件,所以一個清晰明了的文件名稱是非常重要的。

根據文件的大小判斷是選擇在線瀏覽還是下載至本地後進行查看,所以文件的大小需要進行展示。 

4.6 附件反饋提示

讓用戶知道文件上傳是否成功還是失敗,如果上傳失敗,用戶需要重新進行上傳,如果上傳成功,用戶可以去做其他的事情。 

附件上傳功能能夠提高文件觸達的效率,提高業務人員工作的效率。在設計附件上傳的功能時,需要根據不同業務需求,對附件進行設計,旨在提高研發成本與業務效率。

相關焦點

  • Outlook附件管家——聯想企業網盤雲附件
    附件管理 便捷先行  聯想企業網盤雲附件是適用於Outlook客戶端的郵件大附件插件。用戶在Outlook中通過該插件就可以在郵件正文中簡單、快速的插入大附件的外鏈地址,收件方用戶只需點擊郵件中的連結地址就可輕鬆下載該附件,不受到郵件系統的附件大小限制。
  • 【每日知識】--- WIN10系統協同附件無法上傳問題解決方案
    目前WIN10系統在使用協同過程中,會發生附件無法上傳問題,顯示為空白,如下圖:解決方法如下
  • 瀏覽器無法上傳圖片附件?——正遠項目現場紀實
    那時我在科瑞集團測試伺服器上部署完項目,客戶測試完反饋功能運行正常,正當我感覺可以提前完成任務的時候,辦公室突然有用戶反饋瀏覽器的附件控制項無法上傳圖片了。經過測試發現在出問題的這臺電腦上,圖片附件異常的問題在IE瀏覽器上正常,Chrome瀏覽器一直崩潰,搜狗瀏覽器偶爾正常。
  • 國自然上傳附件大於1M怎麼壓縮?彩圖如何壓縮不失真?
    科研工具丨作圖丨實驗丨SCI丨統計分析丨國自然國自然已經進入最後的提報階段許多小夥伴在群裡提問:「上傳的附件大於
  • 廣州市易製毒系統附件無法上傳問題的快速解決方法
    近期接到部分會員反應廣州市易製毒信息管理系統做出入庫登記的時候無法上傳附件。原因是美國Adobe公司停用flash player導致的。
  • QQ郵箱附件下載不了怎麼辦?QQ郵箱附件下載失敗的解決辦法
    為什麼QQ郵箱附件會下載不了呢?原因有很多,下面小編給大家講解QQ郵箱附件下載不了的原因及解決辦法。  QQ郵箱附件下載不了的原因及解決辦法:  1、附件過期:附件過期,顧名思義就是發送的附件已經過了使用期限,不能再進行下載操作,過期的附件將不再有下載的操作提示,因此,不能進行附件下載,此種辦法解決方法很簡單,就是叫他再給你傳一次。
  • 文件上傳與下載
    還是上傳的文件類型。   把下載的文件內容回傳給客戶端    // 讀取輸入流中全部的數據,複製給輸出流,輸出給客戶端    IOUtils.copy(resourceAsStream,outputStream);}② 附件中文名亂碼問題解決方案:
  • 電局上傳附件報錯的解決辦法
    在電子稅務局辦理一些事項時可能需要上傳資料,如涉稅專業機構登記、疫情期間稅款申請延緩扣繳等,都需要上傳身份證或者其他一些資料的電子檔pdf或者是
  • 怎樣上傳自己店的位置_怎樣上傳我的店位置
    怎樣上傳自己店的位置?怎樣上傳我的店位置?我們專注地圖標註多年,為你提供新增地圖,修改位置,位置搬家,商戶認證,添加電話,刪除地圖差評等服務!
  • 立達設計獎•首屆國際大學生校園設計大賽火熱報名中 (中英雙語版)
    北方國際大學聯盟所屬學校共計10萬平米校園板塊設計,包括校內各類文體活動場館、公寓、教學樓、食堂、圖書館等。(詳見附件:A-命題類)●展板90*120cm(豎構圖)版式上需有方案的平面圖、立面圖、效果圖及設計說明等內容。
  • 關於電工測試附件,這份安全指南請查收
    無論對於作為用戶的您,還是作為製造商的我們而言,使用電工測試附件時,最重要的是保證安全。每一種測量環境都會對操作人員的能力和測試附件的性能提出不同要求和挑戰。儘管測試領域、實際應用和現場環境千差萬別,影響測試結果的關鍵因素都不外乎是:產品安全性、可靠性、實用性、精確性和整體性能。在各種測試測量應用中,操作人員都應將安全作為重中之重。
  • 「附件、如附件、參考附件」英文要怎麼說?
    今天這篇文章要來介紹「如附件」的英文該怎麼說?
  • 發票查重百科-導出的發票臺帳為什麼附件打不開?
    但是在實際使用的過程中,有很多客戶反映,為什麼我上傳了附件,把臺帳下載下來了,附件卻打不開呢?(註:需員工預填上傳了發票原件!)大家都知道,我們的臺帳下載下來是一個壓縮包,裡面包含了發票臺帳的Excel表,和保存附件的文件夾。如果只是打開了Excel表,然後就點擊附件,這樣是根本打不開的!
  • 用 Power Apps 製作上傳門戶應用 -Azure Blob Storage
    有一個業務場景是業務人員經常遇到的:上傳銷售目標到雲環境文件夾中,供報表分析使用。那麼上傳這個動作是如何實現的呢?在Azure Storage Account中創建Blob Container,分享權限給用戶。用戶通過Azure Storage Explorer 或者Azure Portal上傳文件。
  • 泰山「挑山工」LOGO設計方案全球徵集
    為貫徹落實習近平總書記視察山東重要講話、重要指示精神,傳承和弘揚新時代泰山「挑山工」精神,現面向全球徵集泰山「挑山工」LOGO設計方案,具體內容如下
  • 【第1537期】Fusion Next 之 Upload 上傳組件設計思路
    正文從這開始~~Upload 組件設計的目標是解決用戶上傳文件的便利性,但是中後臺 Upload 組件的場景是多種多樣的,所以可擴展能力是 Upload 組件不可忽視的另一方面。兩個段分別叫傳統解決方案和現代解決方案傳統解決方案UI 一致性問題我們期望在任何瀏覽器下都是一個樣式,比如一種樣式的按鈕<form action="/api/file" method="post">  <!
  • 智慧教室設計方案
    (9)方案硬體及軟體可擴展性、可升級性強,適應未來變化與發展。第3章   設計思路3.1 設計原則(1)大道至簡,一切為了更好地服務教學。新技術、新設備是手段,而不是目的;智慧化的信息技術應用,是為了減輕教師的負擔,提升學生的學習興趣,增強師生之間的互動。
  • 福利來啦丨在園地上傳資料如何獲得現金獎勵?更大幅度的獎勵方案出來了
    成為網站調研員本站正在面向全國各地招募歷史調研員老師,一起豐富本站教學資源,聯繫本站並設置成為本站的調研員後,您上傳資料就會有現金獎勵(一般註冊用戶上傳資料不會有現今獎勵,而是獲得點數獎勵。)上傳的資料可以是課件、教案、學案、試題、視頻、教輔、提綱、思維導圖這七種教學中使用的資料。
  • 靶場科普 | 文件上傳之getimagesize繞過
    今天,給大家介紹一下「東塔攻防世界」其中的一個靶場:「文件上傳之getimagesize繞過」。一、實驗介紹1. 文件上傳漏洞簡介在文件上傳的功能處,若服務端腳本語言未對上傳的文件進行嚴格驗證和過濾,導致惡意用戶上傳惡意的腳本文件時,就有可能獲取執行服務端命令的能力,這就是文件上傳漏洞。
  • 「展商推薦」:滄州隆越工具機附件製造有限公司!
    參展單位:滄州隆越工具機附件製造有限公司展 位 號:大廳館G12主要展品:產工具機防護罩,柔性風琴式防護罩(皮老虎),鋼板防護罩,不鏽鋼防護罩,絲槓防護罩(絲杆防護罩),捲簾防護罩,鋁型材防護簾,風琴式防塵折布,各種數控工具機防護罩;拖鏈,工程塑料拖鏈,鋼製拖鏈(鋼鋁拖鏈,金屬拖鏈),工具機工作燈,工具機墊鐵、JR—2型矩形金屬軟管、DGT導管防護套、可調塑料冷卻管、吸塵管、行程槽板、撞塊、排屑機等附件。