add direct upload metadata support (#642)

Author: yinxulai

package.json

@@ -1,7 +1,7 @@
 {
   "name": "qiniu-js",
   "jsName": "qiniu",
-  "version": "3.4.1",
+  "version": "3.4.2",
   "private": false,
   "description": "Javascript SDK for Qiniu Resource (Cloud) Storage AP",
   "main": "lib/index.js",

site/src/upload.ts

@@ -86,7 +86,13 @@ export function useUpload(file: File) {
         file,
         file.name,
         token,
-        undefined,
+        {
+          metadata: {
+            'x-qn-meta-test': 'tt',
+            'x-qn-meta-test1': '222',
+            'x-qn-meta-test2': '333',
+          }
+        },
         {
           checkByMD5: true,
           debugLogLevel: 'INFO',

src/upload/direct.ts

@@ -29,6 +29,12 @@ export default class Direct extends Base {
       this.logger.info('customVars inited.')
     }
 
+    if (this.putExtra.metadata) {
+      this.logger.info('init metadata.')
+      const { metadata } = this.putExtra
+      Object.keys(metadata).forEach(key => formData.append(key, metadata[key].toString()))
+    }
+
     this.logger.info('formData inited.')
     const result = await direct(this.uploadHost!.getUrl(), formData, {
       onProgress: data => {