重新整理七牛JS

src/frontend/web/js/components/common/video-upload.vue

@@ -58,8 +58,8 @@ export default {
         var self = this,
             startTime;
 
-        require.ensure(["../../libs/plupload/plupload.full.min.js", "moment"], function() {
-            require("script!../../libs/plupload/plupload.full.min.js");
+        require.ensure(["../../utils/qiniu", "moment"], function() {
+            var qiniu = require("../../utils/qiniu");
             var moment = require("moment");
 
             moment.locale('zh-cn', {
@@ -80,17 +80,12 @@ export default {
                 }
             });
 
-            var uploader = new plupload.Uploader({
-                runtimes: 'html5,flash,html4',
+            var uploader = new qiniu.Uploader({
                 browse_button: 'uploadVideo1',
                 drop_element: 'uploadVideo1',
-                url: "http://upload.qiniu.com/",
-                multipart_params: {
-                    token: self.uptoken
-                },
+                upload_token: self.uptoken,
                 max_file_size: '2gb',
                 flash_swf_url: __CDN_URL__ + 'assets/plupload/Moxie.swf',
-                max_retries: 0,
                 dragdrop: true,
                 multi_selection: false,
                 auto_start: true,

src/frontend/web/js/utils/qiniu.js

+/**
+ * Created by pader on 16/9/30.
+ * 
+ * 七牛上传组件
+ *
+ * e.g.
+ * //建议使用 require.ensure 方式加载
+ * var qiniu = require("utils/qiniu.js");
+ *
+ * var uploader = new qiniu.Uploader({
+ *     upload_token: "<UPLOAD_TOKEN>",
+ *     ..其它参数与 plupload 一致
+ * });
+ *
+ * uploader.init();
+ */
+require("script!../libs/plupload/plupload.full.min.js");
+
+module.exports = {
+	Uploader: function(option) {
+		var setting = {
+			runtimes: 'html5,flash,html4',
+			url: "http://upload.qiniu.com/",
+			multipart_params: {},
+			flash_swf_url: __CDN_URL__ + 'assets/plupload/Moxie.swf',
+			max_retries: 0
+		};
+
+		if (!option.multipart_params) {
+			option.multipart_params = {};
+		}
+
+		option.multipart_params.token = option.upload_token;
+		delete option.upload_token;
+
+		$.extend(true, option, setting);
+		
+		return (new plupload.Uploader(option));
+	}
+};
\ No newline at end of file