1、input type="file"
2、給input添加change事件（只能觸發change事件），在市價里面獲取圖片的信息
3、圖片信息
this.files//是類數組，支持單張上傳也支持多張上傳 多張上傳的屬性

獲取第一張圖片的信息 this.files[0]
4、lastModigied 最后上傳圖片的時間戳
lastModifiedDate 最后上傳圖片的一個標準格式
name 圖片的名字
size 圖片的大小 以字節為單位的 1MB=1024KB 1kb=1024B 1個b就是1個字節
type 圖片的類型

5、獲取圖片路徑
var fileReader=new FileReader();
//讀取文件
fileReader.readAsDataURL（files）：files 文件的基本信息，要讀取誰就把誰放進來
//讀取文件之后的事件
fileReader。οnlοad=function（）{
this.result；//返回的是當前圖片的路徑 這個路徑是一個base64格式的路徑
}

音頻/視頻
1、audio video source
2、路徑src屬性里面
3、方法
play（）//開始播放
pause（）//暫停播放
load（）//重載
4、屬性
autoplay 布爾值 //加載完之后是否立即播放 true 立即播放 false（默認）不立即播放
controls 布爾值 是否顯示控件 true顯示 false（默認）不顯示
currentTime //視頻或音頻的當前播放位置 以秒為單位
duration //當前音頻或視頻的總長度 以秒為單位
ended //判斷當前視頻或者音頻是否播放完成 true播放完成 false沒有播放完
loop //當前視頻或者音頻是否循環播放 true循環 false 不循環
muted //設置當前視頻或音頻是否靜音 true靜音 false 不靜音
paused //當前視頻是否是暫停 true暫停 false 播放
playbackRate //設置當前視頻或者音頻的播放速度
volume //設置當前視頻或音頻的音量 0-1之間 0相當靜音 ==muted==true
canplaythrough //音頻或視頻加載完成之后
timeupdate //當前播放位置

?

轉載于:https://www.cnblogs.com/mapsxy/p/9625423.html

總結

以上是生活随笔為你收集整理的vadio的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。