Question

我已经尝试过创建指令，但是工作不正常，所以请如果有人请尽快与缩略图代码分享视频上传，并提前感谢您

angular
    .module('chotaMangoAdmin')
    .directive('fileUpload', fileModel);

    fileModel.$inject = [ '$parse' ];
    ngThumb.$inject = ['$window'];

    function fileModel($parse) {
        return {
           scope:true,        //create a new scope
           link: function(scope, element, attrs) {   
              element.bind('change', function(event){
                 var files = event.target.files;
                 console.log(files.length);
                 scope.$emit("fileSelected", { images: files });
              });
           }
        };
    }

Answer 1

jQuery文件上传演示 AngularJS版本

文件上传小工具，包含多个文件选择，拖放支持，进度条，验证和预览图像，AngularJS的音频和视频。支持跨域，分块和可恢复文件上传以及客户端图像大小调整。

适用于支持标准HTML表单文件上传的任何服务器端平台（PHP，Python，Ruby on Rails，Java，Node.js，Go等）。

See Demo

Download Source Code From GitHub

angularjs视频上传缩略图

1 个答案: