优酷上传视频代码

来源：互联网发布：淘宝头条申请编辑：程序博客网时间：2024/06/15 20:20

<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title></title>
<link href="${path}/manage/css/main.css" rel="stylesheet"
type="text/css" />
<link href="${path}/plugins/uploadify/uploadify.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript"
src="${path}/manage/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="${path}/manage/js/jPackage-1.4.1.js"></script>
<link rel="stylesheet" href="${path}/manage/js/jPackageCss/jPackage.css" />
<script type="text/javascript" src="${path}/manage/js/jquery.form.js"></script>
<script charset="utf-8"
src="${path}/manage/kindeditor/plugins/code/prettify.js"></script>
<script src="${path}/plugins/uploadify/jquery.uploadify.min.js"
type="text/javascript"></script>

<link href="http://open.youku.com/assets/lib/bootstrap2.1.0/css/bootstrap.css" rel="stylesheet">
<link href="http://open.youku.com/assets/lib/bootstrap2.1.0/css/bootstrap-responsive.css" rel="stylesheet">
<script src="http://open.youku.com/assets/lib/jquery-1.8.1.min.js"></script>
<script src="http://open.youku.com/assets/lib/uploadjs.php"></script>
<script>
//document.domain = "youku.com";
var USE_STREAM_UPLOAD = true;
jQuery(document).ready(function(){
//Oauth授权的三种页面跳转方式iframe,newWindow,currentWindow
//iframe跳转方式
//client_id和access_token是优酷开放平台的ID
var param = {client_id:"7f621c5164282636",access_token:"4eaab827cd3e5c2e4936dc07cb1beed7",oauth_opentype:"newWindow",oauth_redirect_uri:"http://test.youku.com/youkuupload/oauth_result.html",oauth_state:"",completeCallback:"uploadComplete",categoryCallback:"categoryLoaded"};
//newWindow新弹出窗口方式
//var param = {client_id:"",access_token:"",oauth_opentype:"newWindow",oauth_redirect_uri:"http://test.youku.com/youkuupload/oauth_result_newwindow.html",oauth_state:"",completeCallback:"uploadComplete",categoryCallback:"categoryLoaded"};
//currentWindow当前窗口方式
/*
var param = {client_id:"",access_token:"",oauth_opentype:"currentWindow",oauth_redirect_uri:"http://test.youku.com/youkuupload/upload.html",oauth_state:"",completeCallback:"uploadComplete",categoryCallback:"categoryLoaded"};
var reg = new RegExp("(^|\\#|&)access_token=([^&]*)(\\s|&|$)", "i");
if (reg.test(location.href)){
var access_token = unescape(RegExp.$2.replace(/\+/g, " "));
param.access_token = access_token;
}
*/
youkuUploadInit(param);

});
//上传完成时回调方法
function uploadComplete(data){
var flashName = $("#input01").val();
var flashPath = data.videoid;




/* $.ajax({
type:"post",
url:"${path}/flash/addflash.dql",
data:{
"flashName":flashName,
"flashPath":flashPath
},
dataType : "text",
success:function(data){
alert(data);

}

}

); */



alert("videoid="+data.videoid+";title="+data.title);
}

//分类加载后回调方法
function categoryLoaded(data){
if(data.categories) {
var tpl = '';
for (var i=0; i<data.categories.length; i++) {
if(data.categories[i].term == 'Ads'){
tpl += '<option value="' + data.categories[i].term + '" selected>' + data.categories[i].label + '</option>';
}else{
tpl += '<option value="' + data.categories[i].term + '" >' + data.categories[i].label + '</option>';
}
}
$("#category-node").html(tpl);
}
}
</script>
</head>
<body>
<div id="youku-upload">
<div class="container">
<form class="well form-horizontal" name="video-upload">
<fieldset>
<div class="control-group">
<label class="control-label" for="spanSWFUploadButton">选择文件：</label>
<div id="uploadControl" class="controls"></div>
</div>
<div class="control-group">
<label class="control-label" for="input01" >标题：</label>
<div class="controls">
<input type="text" class="input-xlarge" id="input01" name="title" >
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea">简介：</label>
<div class="controls">
<textarea class="input-xlarge" id="textarea" rows="3" name="description" ></textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="input02">标签：</label>
<div class="controls">
<input type="text" class="input-xlarge" id="input02" name="tags">

<span class="help-inline"></span>
</div>
</div>
<div class="control-group">
<label class="control-label" for="category-node">类别：</label>
<div class="controls">
<select id="category-node" name="category" ></select>

</div>
</div>
<div class="control-group">
<label class="control-label">版权所有</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="copyright_type" id="copyright_type2" value="original" checked="">原创
</label>
<label class="radio inline">
<input type="radio" name="copyright_type" id="copyright_type1" value="reproduced">转载
</label>
</div>
</div>
<div class="control-group">
<label class="control-label">视频权限</label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="public_type" id="public_type1" value="all" checked="">公开
</label>
<label class="radio inline">
<input type="radio" name="public_type" id="public_type2" value="friend">仅好友
</label>
<label class="radio inline">
<input type="radio" name="public_type" id="public_type3" value="password">输入密码观看
</label>
<label class="radio inline" style="display:none" id="passwrod">
<input type="text" class="input "name="watch_password">
</label>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary start" id="btn-upload-start">
<i class="icon-upload icon-white"></i>
<span>开始上传</span>
</button>
</div>
</fieldset>
</form>
<div class="row" >
<div class="span5" id="upload-status-wraper" ></div>
</div>
<br>
<div class="well"><h3>说明</h3><ul><li>最大支持上传<strong>1 GB</strong> 视频文件</li><li>允许上传的视频格式为：wmv,avi,dat,asf,rm,rmvb,ram,mpg,mpeg,3gp,mov,mp4,m4v,dvix,dv,dat,</br>mkv,flv,vob,ram,qt,divx,cpk,fli,flc,mod。不符合格式的视频将会被丢弃，请确保视频格式的正确性，避免上传失败</li><li></li></ul>
</div>
</div>

<div id="complete"></div>
<div id="login" style="width:100%;height:100%;position:fixed;z-index:999;left:0px;top:0px;overflow:hidden;display:none;">
</div>
</div>

<%-- <div class="admin_main">
<div class="site">
<span>模块管理</span> <em></em> <span>flash管理</span> <em></em> <span>添加、修改flash</span>
</div>
<form id="form1" name="form1" method="post"
action="${path}/mgr_siteNavigationType/addAndModify.dql"
onsubmit="return formSubmit();">
<table class="main_edit_table">
<tr>
<th colspan="100">添加/修改flash
</th>
</tr>
<tr>
<td>名称：</td>
<td> <input name="flashName" id="name" type="text"
maxlength="50" /><span class="remind"> * </span></td>
</tr>
<tr>
<td>是否使用：</td>
<td><input type="radio" name="flashState" value="1" />是
<input type="radio" name="flashState" value="0" />否
<span class="remind"> * </span></td>
</tr>
<tr>
<td>请上传首页视频图片</td>
<td>
<input type="file" id="addflash" class="uploadify-button" value="上传文件" style= "position:absolute; left:160; height: 30px; line-height: 30px; width: 120px;" />

</td>
</tr>

<tr>
<td>已上传文件：</td>
<td id="imgbox">
<img alt="" src="${flashPath}" width="190px" height="190px" id="borrowImg"/>
<input type="hidden" name="flashPath" value="${flashPath}" id="flashPath" />
</td>

</tr>

<tr>
<td colspan="100" class="btn_td"><input type="submit"
name="submit" value="确认提交" class="btn_blue large" /> <input
name="back" type="button"
onclick="window.location.href='${path}/mgr_siteNavigationType/list.dql'"
class="btn_blue large" value="返回上级" /></td>
</tr>
</table>
</form>
<div class="hidden">
<div class="end_submit" data-inbox=".end_submit">
<p id="msg"></p>
<a href="${path }/mgr_siteNavigationType/list.dql">返回</a>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
$('#addflash')
.uploadify(
{
'auto' : true,
'debug' : false,
'fileSizeLimit' : '100000',
'queueSizeLimit' : '1',
'fileTypeDesc' : 'Image Files',
'fileTypeExts' : '*.jpg;*.jpeg;*.png;*.gif',
'swf' : '${path}/plugins/uploadify/uploadify.swf',
'uploader' : '${path}/plugins/uploadify/jsp/upload.jsp',
'onCancel' : function(file) {
alert('文件' + file.name + ' 已被取消.');
},
'onUploadSuccess' : function(file, data,
response) {
obj = JSON.parse(data);
if (obj["error"] == 0) {
$("#borrowImg").attr("src",obj["url"]);
$("#flashPath").val(obj["url"]);
}
}
});
}); --%>

</body>
</html>

0 0