javascript - 添加文件之前验证(自定义)

Question

我想在将任何内容添加到上传者区域(缩略图)之前确定用户是否已登录。

在 validate 事件回调中检查内容很容易，但我似乎无法弄清楚如何阻止该项目被添加到 DOM，即使我返回 false 在我的验证或 submit 事件中...该项目仅获得一个 qq-upload-fail 类...但我不想完全执行任何操作，如果用户未登录...也许验证事件处理程序不是放置此逻辑的地方，但还有其他地方吗？

<小时/>我的初始化代码(jQuery):

this.holderElm.fineUploader({
    template: 'qq-simple-thumbnails-template',
    // uploaderType: 'basic',
    request: {
        endpoint: '/image/upload_image/' + this.settings.uploadID
    },
    validation: {
        allowedExtensions : ['jpeg', 'jpg', 'gif', 'png'],
        sizeLimit         : this.settings.sizeLimit,
        itemLimit         : this.settings.itemsLimit
    },
    retry: {
        enableAuto: true
    }
})
.on("validate", this.onValidate.bind(this) )
.on('submit', this.onSubmit.bind(this) )
.on('error', this.onError.bind(this) )
.on('upload', this.onUpload.bind(this) )
.on('complete', this.onComplete.bind(this) )
.on('allComplete', this.onAllComplete.bind(this) );

Answer 1

使用onSubmit event -- 在将项目添加到 DOM 之前调用 -- 并返回 false 或将被拒绝的 qq.Promise 以禁止将该项目添加到文件列表。

var userLoggedIn = true;

// snippet ...    

onSubmit: function(id, name){
    return userLoggedIn;
},

或 promise :

function isUserLoggedIn(username){
  var promise = new qq.Promise();

  $.get("/api/user/"+username, function(err, data){
      if (err) return promise.failure(err);
      return promise.success(data);
  });

  return promise;
}

// snippet ...  

onSubmit: function(id, name){
    return isUserLoggedIn(username);
},