带有缩略图的AngularJS视频上传

angularjs video upload with thumbnail

本文关键字：视频 AngularJS 略图      更新时间：2023-09-26

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

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 });
              });
           }
        };
    }

jQuery 文件上传演示AngularJS 版本

文件

上传小部件具有多个文件选择，拖放支持，进度条，验证和预览图像，AngularJS的音频和视频。支持跨域、分块和可断点续传的文件上传和客户端镜像大小调整。

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

查看演示

从 GitHub 下载源代码

相关文章：