get the upload token.

Author: greatghoul

dist/deep_uploader.js

@@ -7,10 +7,6 @@ var _profile = require('./profile');
 
 var _profile2 = _interopRequireDefault(_profile);
 
-var _upload_task = require('./upload_task');
-
-var _upload_task2 = _interopRequireDefault(_upload_task);
-
 var _file_trigger = require('./file_trigger');
 
 var _file_trigger2 = _interopRequireDefault(_file_trigger);
@@ -82,18 +78,9 @@ DeepUploader.browseHandler = function () {
 //     xhr.send(formData);
 //   }
 
-//   browse(element, profileName) {
-//     var profile = this.profiles[profileName];
-//     if (!profile) throw `Profile '${profileName}' not registered`;
-
-//     var input = this._makeInput(element, profile);
-//     input.click();
-//   }
-// }
-
 window.DeepUploader = DeepUploader;
 
-},{"./file_trigger":3,"./profile":4,"./upload_task":5,"./uploaders/qiniu_uploader":7}],2:[function(require,module,exports){
+},{"./file_trigger":3,"./profile":4,"./uploaders/qiniu_uploader":6}],2:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -155,7 +142,7 @@ FileTrigger.trigger = function (element, profile, callback) {
 
     for (var i = 0; i < files.length; i++) {
       callback(files[i]);
-      _event_trigger2['default'].trigger(element, 'file:added', {
+      _event_trigger2['default'].trigger(element, 'FileAdded', {
         element: element,
         profile: profile,
         file: files[i]
@@ -194,36 +181,21 @@ module.exports = exports['default'];
 // }
 
 },{}],5:[function(require,module,exports){
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, '__esModule', {
   value: true
 });
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var UploadTask = function UploadTask(uploader, profile, element, file) {
-  _classCallCheck(this, UploadTask);
-
-  this.uploader = uploader;
-  this.profile = profile;
-  this.element = element;
-  this.file = file;
-};
-
-exports["default"] = UploadTask;
-module.exports = exports["default"];
+var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 
-},{}],6:[function(require,module,exports){
-"use strict";
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
 
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+var _event_trigger = require('../event_trigger');
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _event_trigger2 = _interopRequireDefault(_event_trigger);
 
 var BaseUploader = (function () {
   function BaseUploader(element, profile, file) {
@@ -235,41 +207,62 @@ var BaseUploader = (function () {
   }
 
   _createClass(BaseUploader, [{
-    key: "start",
-    value: function start() {}
+    key: '_detail',
+    value: function _detail() {
+      return {
+        element: this.element,
+        profile: this.profile,
+        file: this.file,
+        xhr: this.xhr
+      };
+    }
+  }, {
+    key: 'start',
+    value: function start() {
+      this.xhr = new XMLHttpRequest();
+      this.xhr.open('POST', this.profile.uploadUrl, true);
+
+      this.onBeforeUpload();
+    }
   }, {
-    key: "upload",
-    value: function upload() {}
+    key: 'upload',
+    value: function upload() {
+      _event_trigger2['default'].trigger(this.element, 'FileUpload', this._detail());
+      console.log('File upload:', this.file);
+    }
   }, {
-    key: "cancel",
+    key: 'cancel',
     value: function cancel() {}
   }, {
-    key: "onFileAdded",
-    value: function onFileAdded() {}
-  }, {
-    key: "onBeforeUpload",
-    value: function onBeforeUpload() {}
+    key: 'onBeforeUpload',
+    value: function onBeforeUpload() {
+      _event_trigger2['default'].trigger(this.element, 'BeforeUpload', this._detail());
+
+      this.upload();
+    }
   }, {
-    key: "onFileUpload",
+    key: 'onFileUpload',
     value: function onFileUpload() {}
   }, {
-    key: "onFileProgress",
+    key: 'onFileProgress',
     value: function onFileProgress() {}
   }, {
-    key: "onFileUploaded",
+    key: 'onFileUploaded',
     value: function onFileUploaded() {}
   }, {
-    key: "onFileError",
+    key: 'onFileError',
     value: function onFileError() {}
   }]);
 
   return BaseUploader;
 })();
 
-exports["default"] = BaseUploader;
-module.exports = exports["default"];
+exports['default'] = BaseUploader;
+module.exports = exports['default'];
+
+},{"../event_trigger":2}],6:[function(require,module,exports){
+// http://developer.qiniu.com/docs/v6/api/overview/up/form-upload.html
 
-},{}],7:[function(require,module,exports){
 'use strict';
 
 Object.defineProperty(exports, '__esModule', {
@@ -293,15 +286,38 @@ var _base_uploader2 = _interopRequireDefault(_base_uploader);
 var QiniuUploader = (function (_BaseUploader) {
   _inherits(QiniuUploader, _BaseUploader);
 
-  function QiniuUploader() {
+  function QiniuUploader(element, profile, file) {
     _classCallCheck(this, QiniuUploader);
 
-    _get(Object.getPrototypeOf(QiniuUploader.prototype), 'constructor', this).apply(this, arguments);
+    _get(Object.getPrototypeOf(QiniuUploader.prototype), 'constructor', this).call(this, element, profile, file);
+
+    // Set default upload url.
+    if (!this.profile.uploadUrl) {
+      this.profile.uploadUrl = 'http://upload.qiniu.com/';
+    }
   }
 
   _createClass(QiniuUploader, [{
-    key: 'onUptoken',
-    value: function onUptoken() {}
+    key: 'start',
+    value: function start() {
+      var _this2 = this;
+
+      var _this = this;
+
+      var request = new XMLHttpRequest();
+      request.open('GET', this.profile.uptokenUrl, true);
+      request.onload = function () {
+        if (request.status === 200) {
+          var data = JSON.parse(request.responseText);
+          _this.uptoken = data.uptoken;
+          console.log('Uptoken:', _this.uptoken);
+
+          _get(Object.getPrototypeOf(QiniuUploader.prototype), 'start', _this2).call(_this2);
+        }
+      };
+
+      request.send();
+    }
   }]);
 
   return QiniuUploader;
@@ -310,4 +326,4 @@ var QiniuUploader = (function (_BaseUploader) {
 exports['default'] = QiniuUploader;
 module.exports = exports['default'];
 
-},{"./base_uploader":6}]},{},[1]);
+},{"./base_uploader":5}]},{},[1]);