上傳之前的香草javascript預覽視頻文件 - NO JQUERY

Question

我一直在搜索代碼以在上傳之前在客戶端預覽視頻。我用Jquery看過很多。我個人發現外部庫龐大.....但他們依靠香草JavaScript的功能（諷刺..）。 此前，我找到了描述此功能的頁面。我再也找不到它了......所以我正在向SO社區伸出援手。不要求申請或準備好的代碼。尋找教程/博客的方向，我可以閱讀，使之成爲可能。 TY提前

Answer 1

在<input type="file">件change事件處理程序，您可以在File對象傳遞給URL.createObjectURL()並設置<video>元素的.src所得到的Blob URL。

document.querySelector("input[type=file]") 
.onchange = function(event) { 
    let file = event.target.files[0]; 
    let blobURL = URL.createObjectURL(file); 
    document.querySelector("video").src = blobURL; 
}