許多事情钞翔,大抵如此严卖,當(dāng)你擁有的時(shí)候不知道它的彌足珍貴,而當(dāng)你失去了過后卻又總是懷念不已布轿∠剩花有重開日,人無(wú)再少年汰扭。為人者一世稠肘,頗為短暫,能迎來今日萝毛,當(dāng)萬(wàn)分知足项阴。過日子也是一樣,當(dāng)以平常心生情味笆包,珍惜幸福环揽,莫負(fù)今朝略荡。
一文件拖拽
ondragover 拖在上面
ondragenter 拖進(jìn)去
ondragleave 拖出來
ondrop 鼠標(biāo)釋放事件
如果想讓ondrop觸發(fā),必須阻止ondragover的默認(rèn)行為
(1)獲取文件信息
oEle.ondrop = function(ev){
ev.dataTransfer.files 所有拖拽文件列表
var oFile = ev.dataTransfer.files[0];
};
(2)文件信息
oFile.name 名字
oFile.size 大小
oFile.type 類型
(a)oFile.type
MIME-Type
主類型/子類型
text / plain
image / jpeg
image / gif
video / avi
video / mp4
audio / mp3
audio / ogg
文件內(nèi)容
借助文件讀取對(duì)象
var reader = new FileReader()
reader.readAsText(oFile) 通過文本讀取
reader.readAsDataURL(oFile) 通過Base64讀取
進(jìn)度更改觸發(fā)
reader.onprogress = function(ev){
ev.loaded 以加載
ev.total 總數(shù)
};
二歉胶、操作視頻音頻
(1)視頻
video標(biāo)簽
視頻格式
mp4 各種瀏覽器都兼容
ogg
avi
webb
屬性
controls 控制臺(tái)
autoplay 自動(dòng)播放
loop 環(huán)路播放
(2)音頻
audio標(biāo)簽
音頻格式
mp3 各種瀏覽器都兼容
ogg
video
方法
play() 播放
pause() 暫停
屬性
currentTime 當(dāng)前播放時(shí)間