申请腾讯云  获取id  及  key

【腾讯云视频】Web上传 地址

https://cloud.tencent.com/document/product/266/9239

Java 签名示例

https://cloud.tencent.com/document/product/266/10638

demo

http://video.qcloud.com/sdk/ugcuploader.html?_ga=1.215462160.645636177.1512724448

根据Java 签名示例获取相关的签名  根据上面签名案例

var getSignature = function (callback) {
    $.ajax({
        type: "get",
        url: "getMyKey",
        dataType: "text",
        success: function (result) {
            callback(result);
        },
        error: function (result) {
            alert("失败");
        }
    });
}

页面引入相关js

<script src="//imgcache.qq.com/open/qcloud/js/vod/sdk/ugcUploader.js" type="text/javascript"></script>

<label>
                      上传视频 :
                </label>
                   <input type="file"  id="videoFile" name="videoFile" required="required" accept=".avi,.3gp,.mpg,.flv,.mp4,.mkv,.wmv,.rmvb" >
                </div>
                <div id="Blenght" class="progress progress-striped" style="display:none;width: 300px;height: 15px;margin-left:45px;margin-bottom: 1px;">
                    <div id="my-bar-success" class="progress-bar progress-bar-success my-bar-success" role="progressbar"
                         aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                         style="width: 0%;">
                    </div>
                    <div id="countNum" class="len-countNum">
                    <em id="style-em-1" class="em-style"></em><em id="style-em-2" class="em-style"></em></div>
                </div>

function saveVideo() {
    //判断是否为空
    //开始上传视频文件
    var videoObj = document.getElementById("videoFile");
    /*console.log();*/
    if (videoObj.files.length) {
        var resultMsg = qcVideo.ugcUploader.start({
            videoFile: videoObj.files[0],
            getSignature: getSignature,
            success: function (result) {
            },
            error: function (result) {
                alert('上传失败的原因:' + result.msg);
                $(".div-grop").show();
                $("#Blenght").css("display", "none");
                $("#qued").show();
            },
            progress: function (result) {
                var progressNum = result.shacurr;
                progressNum = progressNum * 100;
                $("#my-bar-success").css("width", parseInt(progressNum) + "%");
                $("#style-em-1").html(parseInt(progressNum) + "%");
            },
            finish: function (result) {
                if (!result) {
                    layer.msg('操作异常,请稍后重试!', {time: 2000});
                    return false;
                }
                var id = result.fileId;
                var path = result.videoUrl;
                var name = result.videoName;
                if (id == "" || id == null) {
                    layer.msg('请先上传文件!', {time: 2000});
                    return false;
                }
                if (path == "" || path == null) {
                    layer.msg('请先上传文件!', {time: 2000});
                    return false;
                }
                if (name == "" || name == null) {
                    layer.msg('请先上传文件!', {time: 2000});
                    return false;
                }
                $("#videoId").val(id);
                $("#videoPath").val(path);
                $("#videoName").val(name);//
                $.ajax({
                    type: "POST",
                    url: "saveVideo",
                    data: $('#videoform').serialize(),
                    dataType: "text",
                    success: function (result) {

},
                    error: function (result) {

}
                });
            }
        });
    } else {
        layer.msg('请选择上传文件!', {time: 2000});
    }
}

 
   

转载于:https://www.cnblogs.com/jiahaoJAVA/p/8028325.html

腾讯云 视频 点播 视频上传接口相关推荐

  1. 腾讯云COS服务器文件上传与生命周期的设置,以及Opencv nparry数组格式图片非文件流方式上传

    目录 Opencv numpy arry图片非文件流直接上传 腾讯云COS服务器的文件上传和生命周期的设置 1.申请服务器 2.创建桶 3.官方文档以及安装SDK 4.开始使用(官方示例代码) 5.必 ...

  2. Typora+PicGo+腾讯云COS实现图片上传功能

    文章目录 * * 一.前言 * 二.安装Typora和PicGo * 三.[腾讯云](https://l.gushuji.site/tencent)COS创建对象存储 * 四.配置Typora和Pic ...

  3. 腾讯云cos预签名上传文件

    腾讯云cos预签名上传文件 链接: 文档地址 下面展示一些 内联代码片. 后端要个 scene的值 这个是你上传什么类型的文件传不同的值 然后成功之后调一个原生的put请求 最后会得到一个 retur ...

  4. 第三方存储系统(一):阿里云OSS云存储配置及Java上传接口设计

    第三方存储系统(一):阿里云OSS云存储配置及Java上传接口设计 项目开发中,为了实现静态资源分离,提高系统运行的速率和稳定性,我们会把资源文件剥离出项目系统.而搭建文件存储系统就成为了不可或缺的工 ...

  5. 金蝶云星空ERP附件上传接口开发思路

    1️⃣ 需求描述:需要通过调用金蝶API接口实现指定单据的附件上传.本文以收料通知单为例,以Java代码示例进行讲解. tips:阅读本文开始前,希望你是一名开发者同时阅读过: https://vip ...

  6. 上传excel腾讯云服务器,使用SpringBoot上传文件到腾讯云

    最近在做一个项目,涉及到腾讯云上传文件/图片到服务器,为了图方便并且提升访问速度,想着上传到腾讯云存储桶是一个不错的选择.腾讯云存储桶的创建可见我之前的文章. 当然存储桶里面不仅可以存图片,也可以存储 ...

  7. ios腾讯云文件服务器,使用axios 上传文件到腾讯云

    在网上看到的好多的都是使用七牛的,花了一点时间看了下腾讯的. 不管那个云服务都是 客户端通过自己的key 进行加密,服务器解密 查看是否有资格,然后进行传输. 使用腾讯云的对象存储. 整个流程: 腾讯 ...

  8. 使用cos-js-sdk-v5腾讯云实现cos文件上传

    官方地址 快速入门 1. 封装uploadFile.ts 安装命令 npm i cos-js-sdk-v5 --save import COS from "cos-js-sdk-v5&quo ...

  9. 连接腾讯云服务器操作+SCP上传文件

    1.连接腾讯云服务器 linux打开终端(windows打开cmd) ssh -i "<下载的与云服务器关联的私钥的绝对路径>" <username>@&l ...

  10. 腾讯云cos的图片上传

    使用cos对象存储调用 工具类如下: // 存储桶名称     private static final String bucketName = "";     //secretI ...

最新文章

  1. 详细的聊聊接口性能优化的11个小技巧 不收藏对不起我
  2. mysql分页与分页性能查询优化
  3. labview在2048中添加时间滚动条_Axure 教程:不可见滚动条的页面滚动效果
  4. 系统调用003 系统服务表
  5. 更新Oracle的Date字段
  6. 【⚡小丑竟然是我自己⚡】安防三年,今天才知道什么是ONVIF
  7. scss与sass介绍
  8. Kibana安装-源码
  9. 简繁体在线切换JS插件
  10. 大厂阿里程序员的薪资:简述阿里的薪酬体系和职级
  11. 关于3D打印文件格式:STL、OBJ、AMF、3MF的详解
  12. Js获取屏幕宽度、高度 移动端H5适配
  13. 清华刘云浩教授回复学生2000问,你想了解的人工智能问题可能都在这里
  14. python雨课堂答案_雨课堂和微助教的比较分析
  15. vue实现列表无缝滚动
  16. A Survey on Knowledge Graphs___Representation, Acquisition and Applications.知识图谱综述:表示,获取,应用
  17. php搭建aria2,CentOS vps安装aria2 + ariaNg + h5ai搭建下载服务器
  18. matlab 心形曲线
  19. 第二章 前端开发——JavaScript
  20. 镂空三角形(for循环找规律)

热门文章

  1. 反编译DLL并修改再生成DLL
  2. 支付宝二面:Mybatis 接口 Mapper 内的方法为啥不能重载吗?我直接懵逼了。。。
  3. 文件句柄?文件描述符?傻傻分不清楚
  4. 从零单排学Redis【铂金二】
  5. 不是技术也能看懂容器技术与容器平台
  6. 电商那些年,我摸爬打滚出的高并发架构实战精髓
  7. 框架:SpringMVC的工作原理
  8. Python 使用正则表达式中的 /b 的时候出现了问题
  9. Springboot+JPA 对应关系查询时导致的堆栈溢出 :java.lang.StackOverflowError:
  10. javax.servlet.jsp.JspFactory.getJspApplicationContext(Ljavax/servlet/ServletContext;)Ljavax/servlet/