javascript window.URL là undefined chức năng

Question

tôi đã được học một số javascript, để chọn một tập tin và sử dụng nó để tạo ra một objectUrl có thể được thiết lập như là src của một html5 video .Tôi đang cố gắng này ra trong chrome phiên bản 18.0 .1025.162 trên ubuntu lucid và sử dụng tệp html cục bộ có tệp javascript và tệp phương tiện trong cùng một thư mục.

Tôi có thể chọn tệp video bằng yếu tố đầu vào và khi tôi nhấp vào play link, chức năng javascript playVideo() được thực thi.

<video id="vid" name='myvid' width="640" height="360" controls="controls"> 
     <source src="test.webm" type="video/webm" /> 
</video> 
<br><a href="#" id="playlnk">Play </a> </li> 
<br><input type="file" name="fileselect" id="fselect"> </input> 

javascript tập tin là

$(document).ready(function(){ 
     player=$('#vid').get(0);   
     $('#playlink').click(function(){playVideo(player);});   
    }); 
function setVideoSrc(player,file){ 
    console.log('winurl='+window.URL); 
    var fileURL = window.URL.createObjectURL(file); 
    player.src=fileURL; 
    player.load(); 
    return; 
} 
function playVideo(player) { 
    var file=document.getElementById('fselect').files[0]; 
    console.log('you chose:'+file); 
    if (file==undefined){ 
     console.log('no file chosen'); 
    }else{ 
     console.log('file='+file); 
     setVideoSrc(player,file); 
    }  
} 

Khi tôi không chọn bất kỳ tập tin và nhấn vào playlink, phát video mặc định và giao diện điều khiển log nói no file chosen -Như mong đợi.

Lỗi xảy ra khi Tôi chọn tệp video và sau đó nhấp vào liên kết phát sóng. Sau đó, phương thức playVideo() gọi setVideoSrc() trong đó nhật ký bảng điều khiển cho biết window.URL' is undefined`

Tại sao điều này xảy ra? Ai đó có thể giúp tôi sửa lỗi này? Đây là giao diện điều khiển dữ liệu ghi nhận

you chose:[object File] //from playVideo() function 
file=[object File] //from playVideo() function 
winurl=undefined //setVideoSrc() function 
Uncaught TypeError: Cannot call method 'createObjectURL' of undefined 

Answer 1

Sử dụng window.webkitURL trong Chrome.

này whould làm việc trong cả Chrome và FireFox

function setVideoSrc(player,file){ 
    var myURL = window.URL || window.webkitURL 
    console.log('winurl='+myURL); 
    var fileURL = myURL.createObjectURL(file); 
    player.src=fileURL; 
    player.load(); 
    return; 
} 

Xem thêm:

• http://caniuse.com/#feat=bloburls
• https://developer.mozilla.org/en/DOM/window.URL.createObjectURL
• http://www.w3.org/TR/FileAPI/#url

Answer 2

Bạn đã thử

window.location.href = "URL"; 

thay vì window.url? Có vẻ như url không được hỗ trợ tính năng.

Answer 3

Hãy thử cách này: -

var file = document.getElementById('fselect').files[0]; 
if(file){ 
    setVideoSrc(player,file); 
} 

Dưới dòng hoạt động trên Chrome và Firefox: -

window.URL.createObjectURL(file); 

Hãy chắc chắn rằng, bạn đang thử nghiệm trên các trình duyệt đề cập.

Tham khảo thông tin này

• window.URL.createObjectURL
• window.URL