Fine-Uploader - 在Angular Controller中自定义文件模板

时间:2013-08-30 20:04:22

标签: javascript twitter-bootstrap angularjs fine-uploader

我有一个用于精细上传器的角度控制器。我想自定义文件模板,因此它在文本输入中显示文件名,因为我使用的是bootstrap,我只想在成功,错误或警报时更新输入的验证状态。

这是我的控制器:

app.controller('templateBuilderUpload', function ($scope, $rootScope, $routeParams, $location, api) {
var manualuploader = $('#manual-fine-uploader').fineUploader({
  request: {
    endpoint: 'api/Template/UploadFile'
  },
  autoUpload: false,
  text: {
    uploadButton: '<input type="submit" value="Browse" class="btn btn-mini span2">'
  },
  validation: {
      allowedExtensions: ['pdf', 'doc', 'docx', 'tif', 'tiff']
    },
  multiple: false
})

manualuploader.on('complete', function(id, name, response, xhr) {
    //Pull out the id, and redirect to /build/
    if (typeof xhr.newTemplates != 'undefined') {
        var template = xhr.newTemplates[0];

        //Save Template Name
        template.Name = $scope.templateName;
        api.post('/api/Template/Save/', template, function() {
            //Redirect
            $location.path('/templateBuilder/build/' + template.Id);
            $scope.safeApply();
        });
    }
});

$scope.errors = [];

$scope.triggerUpload = function() {

    manualuploader.fineUploader('uploadStoredFiles');
}
});

我尝试添加fileTemplate:然后包含我想要的html。它没有成功,事实上根本没有显示任何内容。 template然而,确实有用。

另外,我不知道如何更新输入的验证状态。

0 个答案:

没有答案