File upload 使用谷歌云存储显示文件上传进度

我有一个web应用程序，允许用户代表我的web应用程序将文件上传到Google云存储。我已经使用一个HTML POST表单成功地实现了一个简单的功能，如下所述

当用户上传文件时，我想显示诸如文件上传剩余百分比、传输速率等信息。我在文档中找不到解释这个主题的任何地方，也不知道如何开始。如果您能提供建议或相关参考，我们将不胜感激

我发现了一个非常简单的方法，对我来说非常有效：）

我需要做的额外工作是使用

gsutil setcors my-bucket-CORS.xml gs://my bucket

配置CORS

my-bucket-cors.xml包含：

<?xml version="1.0" encoding="UTF-8"?>
<CorsConfig>
    <Cors>
        <Origins>
            <Origin>http://my-web-app.com</Origin>
        </Origins>
        <Methods>
            <Method>GET</Method>
            <Method>HEAD</Method>
            <Method>POST</Method>
            <Method>DELETE</Method>
            <Method>PUT</Method>
        </Methods>
        <ResponseHeaders>
            <ResponseHeader>*</ResponseHeader>
        </ResponseHeaders>
        <MaxAgeSec>1800</MaxAgeSec>
    </Cors>
</CorsConfig>

http://my-web-app.com
得到
头
邮递
删除
放
*
1800

我发现了一个非常简单的方法，对我来说非常有用：）

我需要做的额外工作是使用

gsutil setcors my-bucket-CORS.xml gs://my bucket

配置CORS

my-bucket-cors.xml包含：

<?xml version="1.0" encoding="UTF-8"?>
<CorsConfig>
    <Cors>
        <Origins>
            <Origin>http://my-web-app.com</Origin>
        </Origins>
        <Methods>
            <Method>GET</Method>
            <Method>HEAD</Method>
            <Method>POST</Method>
            <Method>DELETE</Method>
            <Method>PUT</Method>
        </Methods>
        <ResponseHeaders>
            <ResponseHeader>*</ResponseHeader>
        </ResponseHeaders>
        <MaxAgeSec>1800</MaxAgeSec>
    </Cors>
</CorsConfig>

http://my-web-app.com
得到
头
邮递
删除
放
*
1800

还要检查另一个基于相同技术（XHR2、FileAPI、拖放）看起来非常有希望的解决方案。还要检查另一个基于相同技术（XHR2、FileAPI、拖放）看起来非常有希望的解决方案。可能要检查我刚刚提出的解决方案，如果您仍在使用/维护此应用程序。如果您仍在使用/维护此应用程序，可能需要检查我刚提出的解决方案。