File APIでファイル情報を取得し、その情報を個々で取り出す方法がわかりません。
具体的にはファイル名だけを取り出したいと思っております。
ファイル名を取り出し、その動画ファイルを再生することを実装したいと思っております。
こちらでファイル情報を取得し
HTML
<input id="afile" type="file" multiple>
javascript
window.onload = function(){
$("#afile").addEventListener(
'change', afile_changeHandler);
}
function afile_changeHandler(evt){
var files = evt.target.files;
var s = "";
for(var i = 0; i < files.length; i++){
var f = files[i];
s +=
'name;' + escape(f.name) + '<br>' +
'size;' + f.size + ' Bytes<br>' +
'type;' + f.type + '<br>' +
'date;' + f.lastModifiedDate + '<hr>';
} $('#info').innerHTML = s;
}
function $(id) {
return document.querySelector(id);
}
こちらのsample.mp4,ogv,webmなどのファイル名を書く場所に取得したファイル名を入れたいと思っております。
<video id="video" width="400" height="300"> <source src="sample.mp4"> <source src="sample.ogv"> <source src="sample.webm"> </video>もしくは他の方法で良いものがあれば、そちらも教えていただきたいです。
また、今後はjavascriptを使い、ローカルの動画を再生するシステムを作っていきたいと思っているのですが、参考になるサイト、書籍などがあれば教えていただきたいです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー