zoukankan      html  css  js  c++  java
  • 上传组件UploadiFive(H5版本)

    初始化

     $('#file_upload').uploadifive({
            'auto'             : false,
            'buttonClass':'btn',
            'buttonText':'选择视频',
            'fileSizeLimit':51200,
            'fileType' : 'video/*',
            'height': 25,
            'whith' :120,
            'uploadLimit':1,
            'queueSizeLimit':1,
            'queueID'          : 'queue',
            'uploadScript'     : pathName+'/sysMarvellousVideo/uploadVideo.do',
            'onUploadComplete' : function(file, data) {
                console.log(data);
                if(WebUtils.isNotEmpty(data)){
                    data = data.substring(1,data.length-1);
                    $("#name").val(data);
                }
            },
            onAddQueueItem :function(file){
                $("#name").val("");
                $("#editUploadFile").remove();
            },
            onCancel : function(file) {
                $("#name").val("");
                /* 注意:取消后应重新设置uploadLimit */
                var $data    = $(this).data('uploadifive'),
                    settings = $data.settings;
                settings.uploadLimit++;
                //showMessenger(file.name + " 已取消上传!",5,"error");
            },
            onFallback : function() {
                showMessenger("该浏览器无法使用!",5,"error");
            },
            onError: function (errorType) {
                var msg = errorType;
                if(errorType=='QUEUE_LIMIT_EXCEEDED'){
                    msg = "最多只能选择一个视频!";
                    showMessenger(msg,5,"error");
                }else if(errorType == "FILE_SIZE_LIMIT_EXCEEDED"){
                    msg = "视频最大不允许超过50MB!";
                    showMessenger(msg,5,"error");
                }
    
            }
        });
    fileType:
    video/* 视频类型
    audio/* 音乐类型
    image/* 图片类型


    uploadiFive下载

  • 相关阅读:
    3. 无重复字符的最长子串
    CentOS7 安装
    docker安装ES和kibana
    阿里云镜像加速(docker)
    虚拟机安装docker
    CentOS7 安装
    javaweb学习5——JSP
    javaweb学习4——HttpServletRequest的使用
    javaweb学习3——验证码
    javaweb学习2——HTTP协议
  • 原文地址:https://www.cnblogs.com/suruozhong/p/8329396.html
Copyright © 2011-2022 走看看