Làm thế nào để lựa chọn giữa 'window.URL.createObjectURL() `và` window.webkitURL.createObjectURL() `dựa trên trình duyệt

Question

Từ trang web của nhà phát triển Firefox, tôi biết rằng Firefox sử dụng

objectURL = window.URL.createObjectURL(file); 

để có được url loại tệp nhưng trong chrome và các trình duyệt webkit khác, chúng tôi có window.webkitURL.createObjectURL() để phát hiện url.

Tôi không biết làm thế nào để trao đổi các chức năng này dựa trên các công cụ trình duyệt, và tôi cần nó để được làm việc trên cả hai trình duyệt (Chrome và firefox)

https://developer.mozilla.org/en/DOM/window.URL.createObjectURL

Answer 1

Bạn có thể định nghĩa một hàm wrapper:

function createObjectURL (file) { 
    if (window.webkitURL) { 
     return window.webkitURL.createObjectURL(file); 
    } else if (window.URL && window.URL.createObjectURL) { 
     return window.URL.createObjectURL(file); 
    } else { 
     return null; 
    } 
} 

Và sau đó:

// works cross-browser 
var url = createObjectURL(file); 

Answer 2

if (window.URL !== undefined) { 
    window.URL.createObjectURL(); 
} else if (window.webkitURL !== undefined) { 
    window.webkitURL.createObjectURL(); 
} else { 
    console.log('Method Unavailable: createObjectURL'); 
} 

là tròn về những gì bạn đang tìm kiếm. Ngoài ra, THIS dụ sử dụng đơn giản hơn các nhiều ...

window.URL = window.URL || window.webkitURL; 

Answer 3

Simple lót:

var createObjectURL = (window.URL || window.webkitURL || {}).createObjectURL || function(){};