Кстати, я использую реакцию, но факт остается фактом: когда я создаю простую страницу с вводом для загрузки локального файла, если я console.log
фактический файл после того, как он был выбран, вот что я получаю из консоли:
File {name: "myfile.mp4", lastModified: 1474084788000, lastModifiedDate: Fri Sep 16 2016 23:59:48 GMT-0400 (EDT), webkitRelativePath: "", size: 27828905…}
lastModified: 1474084788000
lastModifiedDate: Fri Sep 16 2016 23:59:48 GMT-0400 (EDT)
name: "myfile.mp4"
size: 27828905
type: "video/mp4"
webkitRelativePath: ""
__proto__: File
И так файл грузится в тегах video
и я могу его смотреть. (Код ниже...)
Затем, если я хочу загрузить тот же файл, но вместо этого из жестко запрограммированного полного пути, например так: "file:///path/to/myfile.mp4"
, всплывает ошибка This video file format is not supported.
, и то, что я получаю из консоли, является точно таким же путем, который я ранее жестко запрограммировал.
Мой вопрос заключается в том, как загрузить локальный файл, используя жестко заданный путь вместо выбора файла из элемента ввода?
ИЛИ
Как создать objectURL непосредственно из локальный путь?
Я уже пытался Blob
файл перед передачей в функцию URL.createObjectURL
, но, если я не сделал что-то не так, это не сработало.
Код функции рендеринга:
render() {
return (
<div>
<input type="file" ref="input" onChange={this.upload} />
<video ref="video" type="video/mp4" controls loop autoPlay width="720"></video>
<div ref="message"></div>
</div>
);
}
Функции:
processs = (file) => {
let fileURL = URL.createObjectURL(file);
this.refs.video.src = fileURL;
}
playFile = (event) => {
let file = event.target.files[0];
console.log(file);
//check if video can be played
if(this.refs.video.canPlayType(file.type) != ""){
this.processs(file);
} else {
this.refs.message.innerHTML = "This video file format is not supported."
}
};
<video>
src
вhtml
? - person guest271314   schedule 17.09.2016const file = event.target.files[0]
из элемента ввода, я просто создалthis.state({myfile: "file:///fullpath/to/myfile.mp4"})
в конструкторе и ссылаюсь на него какconst file = this.state.myfile
- person Jeanmichel Cote   schedule 17.09.2016XMLHttpRequest()
для запроса локального файла какBlob
- person guest271314   schedule 17.09.2016