表单上传

适用场景

表单上传是一种适用于小文件上传的上传方式，指的是用户使用OSS API中的Post Object请求来完成Object的上传。非常适合嵌入在HTML网页中来上传Object。比较常见的应用场景是网站应用，以招聘网站为例子：

不使用表单上传 表单上传
流程对比 网站用户上传简历 -> 网站服务器回应上传页面 -> 简历被上传到网站服务器 -> 网站服务器再将简历上传到OSS 网站用户上传简历 -> 网站服务器回应上传页面 -> 简历上传到OSS

上传限制

  • 大小限制：在这种上传方式下，Object的大小是有限制的，不能超过5GB。
  • 命名限制：
    • 使用UTF-8编码
    • 长度必须在1-1023字节之间
    • 不能以“/”或者“\”字符开头

使用表单上传的好处

  • 从流程上，少了一步转发。
  • 从架构上来说，原来的上传都统一走网站服务器，上传量过大时，瓶颈在网站服务器，可能需要扩容网站服务器。采用表单上传后，上传都是直接从客户端发送到OSS。上传量过大时，压力都在OSS上，由OSS来保障服务质量。

上传的安全及授权

为了防止第三方往开发者的Bucket未经授权上传，OSS提供了Bucket和Object级别的访问权限控制，详细解释见访问控制。 为了授权给第三方上传，这里使用的是Post Policy的机制，详细见PostObject。

使用表单上传的基本流程

  1. 构建一个Post Policy，Policy的作用是网站开发者用来限制网站用户上传。例如可以指定上传的大小，可以指定上传的Object名字等，上传成功后客户端跳转到的URL，上传成功后客户端收到的状态码。具体请参考Post Policy。 比如是这样的一个简单Policy，网站用户能上传的过期时间是2115-01-27T10:56:19Z（这里为了测试成功写的过期时间很长，实际使用中不建议这样设置），能上传的文件最大为104857600字节。
     以Python代码为例子，Policy是json格式的字符串。
 policy="{\"expiration\":\"2115-01-27T10:56:19Z\",\"conditions\":[[\"content-length-range\", 0, 104857600]]}"
  2. 将Policy字符串进行base64编码。
  3. 用OSS的AccessKeySecret对base64编码后的Policy进行签名。
  4. 构建上传的HTML页面。
  5. 打开HTML页面，选择文件上传。

完整Python代码示例

#coding=utf8
import md5
import hashlib
import base64
import hmac
from optparse import OptionParser

def convert_base64(input):
    return base64.b64encode(input)

def get_sign_policy(key, policy):
    return base64.b64encode(hmac.new(key, policy, hashlib.sha1).digest())

def get_form(bucket, endpoint, access_key_id, access_key_secret, out):
    #1 构建一个Post Policy
    policy="{\"expiration\":\"2115-01-27T10:56:19Z\",\"conditions\":[[\"content-length-range\", 0, 1048576]]}"
    print("policy: %s" % policy)

    #2 将Policy字符串进行base64编码
    base64policy = convert_base64(policy)
    print("base64_encode_policy: %s" % base64policy)

    #3 用OSS的AccessKeySecret对编码后的Policy进行签名
    signature = get_sign_policy(access_key_secret, base64policy)

    #4 构建上传的HTML页面
    form = '''
    <html>
        <meta http-equiv=content-type content="text/html; charset=UTF-8">
        <head><title>OSS表单上传(PostObject)</title></head>
        <body>
            <form  action="http://%s.%s" method="post" enctype="multipart/form-data">
                <input type="text" name="OSSAccessKeyId" value="%s">
                <input type="text" name="policy" value="%s">
                <input type="text" name="Signature" value="%s">
                <input type="text" name="key" value="upload/${filename}">
                <input type="text" name="success_action_redirect" value="http://oss.aliyun.com">
                <input type="text" name="success_action_status" value="201">
                <input name="file" type="file" id="file">
                <input name="submit" value="Upload" type="submit">
            </form>
        </body>
    </html>
    ''' % (bucket, endpoint, access_key_id, base64policy, signature)
    f = open(out, "wb")
    f.write(form)
    f.close()
    print("form is saved into %s" % out)

if __name__ == '__main__':
    parser = OptionParser()
    parser.add_option("", "--bucket", dest="bucket", help="specify ")
    parser.add_option("", "--endpoint", dest="endpoint", help="specify")
    parser.add_option("", "--id", dest="id", help="access_key_id")
    parser.add_option("", "--key", dest="key", help="access_key_secret")
    parser.add_option("", "--out", dest="out", help="out put form")
    (opts, args) = parser.parse_args()
    if opts.bucket and opts.endpoint and opts.id and opts.key and opts.out:
        get_form(opts.bucket, opts.endpoint, opts.id, opts.key, opts.out)
    else:
        print "python %s --bucket=your-bucket --endpoint=oss-cn-hangzhou.aliyuncs.com --id=your-access-key-id --key=your-access-key-secret --out=out-put-form-name" % __file__

将此段代码保存为post_object.py，然后用python post_object.py来运行。

用法：

python post_object.py --bucket=你的Bucket --endpoint=Bucket对应的OSS域名 --id=你的AccessKeyId --key=你的AccessKeySecret --out=输出的文件名

示例：

python post_object.py --bucket=oss-sample --endpoint=oss-cn-hangzhou.aliyuncs.com --id=tphpxp --key=ZQNJzf4QJRkrH4 --out=post.html

注意

  1. 构建的表单中"success_action_redirect" value="http://oss.aliyun.com"表示的是上传成功后跳转的页面。可以替换。
  2. 构建的表单中"success_action_status" value="201"表示的是上传成功后返回的状态码为201。可以替换。
  3. 假如指定生成的HTML文件为post.html，打开post.html，选择文件上传。在这个例子中如果成功则会跳转到OSS的主页面。

功能使用参考：

  • API：PostObject
  • SDK：Java SDK-Object中POST 方式上传文件

最佳实践

  • Web端直传实践
  • 跨域资源共享（CORS）使用指南

相关参考链接：

  • 上传后回调
  • 移动端开发上传场景介绍
  • 上传后下载
  • 上传图片后云端处理
  • 上传音频视频文件后云端处理
  • 上传安全之访问控制
  • 上传安全之授权第三方
  • 上传后对文件进行复制，删除等管理操作

results matching ""

    No results matching ""