C#结合JavaScript实现上传视频到腾讯云点播平台

<div>
<input type="file" accept=".mp4,.mp3" id="file1"  onchange="vUpload()" />
<img id="ajax_uploadFiles_curprogress" style="z-index:1;position:absolute;left:0px;top:4px;width:0px;height:12px" alt="" src="win7progress.jpg" />
<div id="ajax_uploadFiles_curbg" style="display:none;z-index:0;position:absolute;left:0px;top:4px;width:203px;height:12px;background-color:Gray"></div>
<div id="tip" style="z-index:0;position:absolute; font-size:9pt;left:205px;top:2px;height:12px;"></div>
</div>

public class Signature
         {
             public string m_strSecId;
             public string m_strSecKey;
             public int m_iRandom;
             public long m_qwNowTime;
             public int m_iSignValidDuration;
             public static long GetIntTimeStamp()
             {
                 TimeSpan ts = DateTime.UtcNow - new DateTime(1970, 1, 1);
                 return Convert.ToInt64(ts.TotalSeconds);
             }
             private byte[] hash_hmac_byte(string signatureString, string secretKey)
             {
                 var enc = Encoding.UTF8; HMACSHA1 hmac = new HMACSHA1(enc.GetBytes(secretKey));
                 hmac.Initialize();
                 byte[] buffer = enc.GetBytes(signatureString);
                 return hmac.ComputeHash(buffer);
             }
             public string GetUploadSignature()
             {
                 string strContent = "";
                 strContent += ("secretId=" + Uri.EscapeDataString((m_strSecId)));
                 strContent += ("&currentTimeStamp=" + m_qwNowTime);
                 strContent += ("&expireTime=" + (m_qwNowTime + m_iSignValidDuration));
                 strContent += ("&random=" + m_iRandom);
             byte[] bytesSign = hash_hmac_byte(strContent, m_strSecKey);
             byte[] byteContent = System.Text.Encoding.Default.GetBytes(strContent);
             byte[] nCon = new byte[bytesSign.Length + byteContent.Length];
             bytesSign.CopyTo(nCon, 0);
             byteContent.CopyTo(nCon, bytesSign.Length);
             return Convert.ToBase64String(nCon);
         }
         public string getSign(int SignValidSeconds){
             Signature sign = new Signature();
             sign.m_strSecId = secretId;   //开发ID
             sign.m_strSecKey = secretKey; //开发密钥
             sign.m_qwNowTime = Signature.GetIntTimeStamp();
             sign.m_iRandom = new Random().Next(0, 1000000);
             sign.m_iSignValidDuration = SignValidSeconds;

             return rv = "{\"errcode\":0,\"sign\":\"" + sign.GetUploadSignature() + "\",\"sdkid\":\"1111111111\"}";    
         }
     }</code></pre></div></div><p>调用 Signature类的 getSign(int SignValidSeconds) 方法生成签名，参数为签名有效期的秒数。 </p><h5 id="dsptg" name="%E4%B8%8A%E4%BC%A0%E8%A7%86%E9%A2%91%E7%9A%84JS%E5%AE%9E%E7%8E%B0">上传视频的JS实现</h5><p>实现功能之前需要引用一些必要的JS文件，我的资源下载链接地址：https://download.csdn.net/download/michaelline/88555774</p><div class="rno-markdown-code"><div class="rno-markdown-code-toolbar"><div class="rno-markdown-code-toolbar-info"><div class="rno-markdown-code-toolbar-item is-type"><span class="is-m-hidden">代码语言：</span>javascript</div></div><div class="rno-markdown-code-toolbar-opt"><div class="rno-markdown-code-toolbar-copy"><i class="icon-copy"></i><span class="is-m-hidden">复制</span></div></div></div><div class="developer-code-block"><pre class="prism-token token line-numbers language-javascript"><code class="language-javascript" style="margin-left:0">//引用必要的三个js

<script src="jquery-3.2.1.min.js"></script>

<script src="es6-promise.auto.js"></script>

<script src="vod-js-sdk-v6.js"></script>
<script type="text/javascript">

var sign = "";

var sdkid="";

var tcVod = null;

var timer=null;

var ws=0;

var fileobj=document.getElementById('file1');

var curbg=document.getElementById('ajax_uploadFiles_curbg');

var progressBarWidth=parseInt(curbg.style.width,10);

//重新或尝试获取sign

function resign() {

return sign;

}

//与服务器API地址交互获得签名值和SDKID，有效时间为3600秒

function getsign() {

$.ajax({

type: "Post",

url: '<%=ViewState["apiurl"].ToString()%>',

contentType: "application/x-www-form-urlencoded;charset=utf-8",

data: {

validSeconds: 3600

},

dataType: "json",

success: function (res) {

//返回的数据用data.d获取内容

if (res.errcode == 0) {

sign = res.sign;

sdkid=res.sdkid;

initTcVod();

} else {

alert('上传暂时无法使用。');

}

},

error: function (err) {

alert(err);

}

});

}

getsign();  //获取一次签名值
 function timetip(off) {
    var z = parseInt(off / 60, 10);
    var y = off % 60;
    var mtip=&#39;&#39;;
    var stip=&#39;&#39;;
    if(z==0&amp;&amp;y!=0){
      stip=y+&#39;秒&#39;;
    } else if (z != 0 &amp;&amp; y == 0) {
      mtip = z +&#39;分钟&#39;;
    } else if (z != 0 &amp;&amp; y != 0) {
      mtip = z + &#39;分&#39;;
      stip = y + &#39;秒&#39;;
    }  
    return mtip+stip;
}

//初始化腾讯上传组件

function initTcVod() {
      tcVod = new TcVod.default({getSignature: resign});
      
  }

//上传视频

function vUpload(){

ws=0;

curbg.style.display='';

timer=window.setInterval(function(){ws++},1000);

var mediaFile = document.getElementById('file1').files[0];

var uploader = tcVod.upload({

mediaFile: mediaFile,mediaName:sdkid+mediaFile.name,

});

uploader.on('media_progress', function (info) {
                fileobj.style.display=&#39;none&#39;;
                document.getElementById(&#39;tip&#39;).innerHTML=&#39;已上传&#39;+ Math.round(info.percent*100)+&#39;%(耗时&#39;+timetip(ws)+&#39;)&#39;;
                document.getElementById(&#39;ajax_uploadFiles_curprogress&#39;).style.width=(progressBarWidth*info.percent)+&#39;px&#39;;
              })
              uploader.on(&#39;media_upload&#39;, function (info) {
                window.clearInterval(timer);
                document.getElementById(&#39;tip&#39;).innerHTML=&#39;上传成功!&#39;;
                执行后续操作...
                }else{
                }
              })
        }

</script>