申请腾讯云  获取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. 买了《精通spring 2.0》
  2. 0/0型极限等于多少_求极限时是否可以进行代入?
  3. vmware workstation使用方法
  4. asp.net MVC 过滤器使用案例:统一处理异常顺道精简代码
  5. 【好文共分享】关于ora-04065和ora-04068的原理解释
  6. MappedByteBuffer的使用
  7. hadoop碰到的 一个问题
  8. 表格存储Tablestore权威指南(持续更新)
  9. java web 课程设计_关于Javaweb课程设计的心得体会.doc
  10. c int最小值的宏_20个成熟软件中常用的宏定义,赶快收藏!
  11. vue实现上移下移_vue.js实现组件间的上移下移
  12. RAID 磁盘阵列详解,RAID分类及优缺点
  13. 隔离电源模块的5个作用
  14. android:persistent=true作用
  15. [play framework] Seperate the admin, and build it as a module in play framework
  16. 计算机毕设项目 python微信公众平台机器人
  17. 前端自动化构建工具:用Gulp4.0搭建一个基本的前端开发环境
  18. poj 1324 Astar
  19. random_state = 42
  20. 上海现有电视频道分配表

热门文章

  1. js弹性运动滑动的菜单
  2. 因 Redis 分布式锁造成的 P0 级重大事故,整个项目组被扣了绩效。。。
  3. 可用性高达99.999%!支付系统高可用架构设计实战
  4. 干货|为什么Kafka不支持读写分离
  5. 再谈 HBase 八大应用场景
  6. [Python]网络爬虫(三):异常的处理和HTTP状态码的分类
  7. Spring Cloud构建微服务架构(四)分布式配置中心
  8. wpf ui框架_RapidCAX 开源UI框架
  9. 服务器光信号闪红灯是什么意思,路由器光信号闪红灯是什么意思
  10. 投资100亿美元,谷歌计划在2020年向美国办事处和数据中心