upyun
diff --git a/‎examples/client-upload/Readme.md‎
Lines changed: 12 additions & 0 deletions b/‎examples/client-upload/Readme.md‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎examples/client-upload/index.html‎
Lines changed: 46 additions & 0 deletions b/‎examples/client-upload/index.html‎
Lines changed: 46 additions & 0 deletions
@@ -0,0 +1,12 @@
+## 客户端上传
+
+本示例展示了如何使用表单 API, 直接从客户端进行安全的文件上传, 这种方式不需要客户服务器进行中转, 节省了客户服务器流量, 并且支持 HTTP/HTTPS 两种协议
+
+DEMO 使用 `sdkimg` 空间进行演示, 上传成功后, 访问路径为 `http://sdkimg.b0.upaiyun.com/` 拼接保存路径
+
+#### 运行示例
+
+- `cd examples/client-upload`
+- `php -S localhost:9000`
+
+打开浏览器访问 `http://localhost:9000`, 选则文件上传即可.
@@ -0,0 +1,46 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Document</title>
+    <link rel="stylesheet" href="normalize.css">
+    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
+    <style>
+        form {
+            margin: 30px 0;
+        }
+        .submit {
+            display: inline-block;
+            width: 100px;
+            background: #02a3c6;
+            border: none;
+            color: #fff;
+            line-height: 40px;
+            text-align: center;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body>
+
+<form action="http://v0.api.upyun.com/sdkimg" id="demoForm" method="POST" enctype="multipart/form-data">
+    <fieldset>
+        <legend>Client Upload Demo</legend>
+        <input name="file" type="file">
+        <input name="policy" type="hidden" id="policy">
+        <input name="signature" type="hidden" id="signature">
+        <input type="submit" value="submit" class="submit" id="submit">
+    </fieldset>
+</form>
+
+<script>
+    // 文件保存的路径
+    var save_path = '/test/filename.txt';
+    // 获取 policy 和 secret
+    $.getJSON('http://localhost:9000/policy.php?save_path=/test/filename.txt', function (data) {
+        document.getElementById('policy').value = data.policy;
+        document.getElementById('signature').value = data.signature;
+    });
+</script>
+</body>
+</html>