在其餘文章中,首先要作的步驟是獲取視頻的本地地址,但其實並不須要這麼麻煩,在H5中有一個比較好用的方法——FileReaderide
咱們使用FileReader,將input file獲得的e.target.files經過視頻
let reader = new FileReader() reader.readAsDataURL(file)對象
獲得文件的base64格式,因爲視頻沒法像圖片同樣經過new一個Image對象來獲取其屬性,在 裏事先聲明一個video,並經過js獲取refs,將獲得的base64數據賦值給video 圖片
因爲在初始賦值時,不能當即獲取到視頻的時長,設置一個延時就能夠了,好比setTimeout(() => { ... },1000)get