2015-07-13 61 views
0

的Bigcommerce允許的產品選項,用戶可以上傳一個文件附加到訂單(認爲名片打印機需要上傳到爲了藝術檔案)在的Bigcommerce文件的上傳狀態的可視化工具

一旦用戶選擇所有選項,點擊添加到購物車,頁面會將選定的文件與訂單詳細信息一起上傳並將您帶到購物車。它加載所花費的時間取決於正在上傳的文件的重量。

有沒有人有上傳文件時使用可視化工具的解決方案,可以顯示百分比(條形或數字)(或簡單地稱爲「上傳圖片」疊加層)。對網站不熟悉的人認爲該網頁已被凍結 - 只有當它們允許上傳時纔會意識到 - 有時文件可能需要長達30秒才能上傳。

我相當精通CSS和HTML5 - 如果有任何解決方案,請指教。

謝謝! -Sebastian

回答

1

在這種情況下,您需要添加HTML和CSS來創建和設置加載欄的樣式。對於檢查上傳狀態和顯示進度的實際功能,我建議使用jQuery與form plugin (uploadProgress function)

來完成,這將是在的Bigcommerce有點不同的比你在this blog post看到所需的必要步驟,但它說明了它在一個有點舉例

更深入