BigCommerce中文件上传状态的可视化工具

时间:2015-07-13 02:23:00

标签: file-upload bigcommerce

BigCommerce允许用户可以上传文件以附加到订单的产品选项(认为名片打印机需要上传到订单的艺术文件)

用户选择所有选项并点击添加到购物车后,页面会上传所选文件以及订单详细信息并将您带到购物车。加载所需的时间取决于上载文件的重量。

有没有人有一个解决方案,可以在上传文件时使用可视化工具,可以显示一个百分比(条形或数字)(或简单地“上传图像”叠加)。不熟悉该网站的人认为该网页已冻结 - 他们只会在上传内容时意识到 - 有时文件上传最多可能需要30秒。

我非常精通CSS和HTML5 - 如果有任何解决方案,请指教。

谢谢! -Sebastian

1 个答案:

答案 0 :(得分:1)

在这种情况下,您需要添加HTML和CSS来创建加载栏并为其设置样式。对于检查上传状态和显示进度的实际功能,我建议使用jQuery和form plugin (uploadProgress function)

实现这一目标所需的必要步骤在Bigcommerce中会比您在this blog post中看到的有所不同,但它更深入地解释了它的例子