下載uploadify flash版包(http://www.uploadify.com/),解壓之后把uploadify目錄放入網站根目錄 在頁面中加入:
<link rel="stylesheet" type="text/css" href="/uploadify/uploadify.css">
<script type="text/javascript" src="/javascripts/libs/jquery.min.js"></script>
<script type="text/javascript" src="/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(function() {
$.fileupload1 = $('#fileupload1').uploadify({
'auto' : false,
'formData' : {
'fcharset' : 'ISO-8859-1',
'fcharset' : 'ISO-8859-1',
'writetoken' : 'Y07Q4yopIVXN83n-MPoIlirBKmrMPJu0',
'JSONRPC' : '{tag:"'+video_uploader.find("#"+btnid).attr("userId")+'"}'
},
'buttonText': '選擇上傳文件',
'fileSizeLimit' : '10MB',//上傳文件大小限制
'fileTypeDesc' : '視頻文件',
'fileTypeExts' : '*.avi; *.mp4; *.mov',//文件類型過濾
'swf' : '/uploadify/uploadify.swf',
'uploader' : 'http://v.polyv.net/uc/services/rest?method=uploadfile',
//onUploadSuccess為上傳完視頻之后回調的方法,視頻json數據data返回
//下面的例子演示如何獲取到vid
'onUploadSuccess':function(file,data,response){
var jsonobj=eval('('+data+')');
alert(jsonobj.data[0].vid);
}
});
});
</script>
上傳之后api會回調,返回視頻數據data,為json格式。 先把返回結果文本轉換為json對象,var jsonobj=eval('('+data+')'); 假設需要獲取視頻vid,則調用: jsonobj.data[0].vid flash播放地址: jsonobj.data[0].swf_link
更多字段:
#error:錯誤提示
#swf_link: 返回flash連接
#tag:視頻標簽
#mp4:MP4源文件
#playerwidth:視頻寬度
#title:標題
#duration:時長
#first_image:視頻首圖
#times:時長
#context:視頻描述
#original_definition:最佳分辨率
#images:視頻截圖
#playerheight:視頻高度
#ptime:視頻上傳日期
#context:內容
#ptime:上傳時間
#vid:視頻id
#cataid:分類id, 如1為根目錄
請點擊:演示實例