视频直播点播平台EasyDSS二次开发上传点播视频文件报401 (Unauthorized)错误解决方法

程序员文章站 2022-07-05 08:45:27

...

大家知道视频平台最基础的功能就是观看视频，直播功能可以说是一个升级。视频直播点播平台EasyDSS能够调用接口进行二次开发，其中就包括了视频上传点播的通道。

我们的研发在测试新版EasyDSS点播功能的时候，发现用户二次开发上传点播视频文件报401(POST http://192.168.1.32:8080/vod/upload 401 (Unauthorized)) 显示没有权限。

EasyDSS二次开发报错

视频直播点播平台EasyDSS二次开发上传点播视频文件报401 (Unauthorized)错误解决方法

案例展示

于是我们为了避免这个问题，做了一个demo演示效果

代码如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>EasyDSS</title>
    <style>
      input{
        cursor: pointer;
      }
      b{
        color: red;
        font-size: 12px;
      }
    </style>
</head>
<body>
    <h4>EasyDSS 点播文件上传DEMO</h4>
    <b>注意:需要先登录拿到token</b>
    <br>
    <br>
    <input type="file" id="file_upload"/>
    <input type="button" value="上传点播文件" id="upload"/>   
             
    <input type="button" value="登录" id="login"/>   
    <!-- 引入jq  JS CDN链接 -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>       
</body>
<script type="text/javascript">
  $(function() { 
    var token = ''                            //token鉴权临时变量
    var httpURL = 'http://192.168.1.32:8080/'   //软件IP地址

    $("#upload").click(function(){//上传
        ajaxFileUpload();
    });
    
    $("#login").click(function(){//登录
      $.post(httpURL+'/login',{
        username:"admin",
        password:"21232f297a57a5a743894a0e4a801fc3" //密码为admin md5加密后的字符串
      },function(data,status){
        token = data.token  //获取token
        console.log(token);
      });
    });

    function ajaxFileUpload(){
      var formData = new FormData();
      formData.append('file',$("#file_upload")[0].files[0])    //将文件转成二进制形式
      formData.append('token',token);    //将token写入formData
      $.ajax({
          type:"post",
          url:httpURL+"/vod/upload",
          // async:false,
          contentType: false,   //这个一定要写
          processData: false,   //这个也一定要写，不然会报错
          data:formData,        //参数
          dataType:'text',      //返回类型，有json，text，HTML。这里并没有jsonp格式
          success:function(data){
            console.log(data)   //成功的回调
          },
          error:function(XMLHttpRequest, textStatus, errorThrown, data){
            console.log(errorThrown)    //失败的回调
          }            
      });
    }
  });
</script>
</html>

视频直播点播平台EasyDSS二次开发上传点播视频文件报401 (Unauthorized)错误解决方法