Пожалуйста, ниже приведен мой код в разделе сценариев моего компонента vue.
Я правильно понял все поля ввода, но при загрузке изображений и видео отображаются пустые значения.
Я пытался решить эту проблему, но безрезультатно.
playVideo(url) {
let video = $('#video-preview').get(0);
video.preload = 'metadata';
// Load video in Safari / IE11
if (url) {
video.muted = false;
video.playsInline = true;
video.play();
}
},
// Read a file input as a data URL.
readDataUrl(input, callback) {
if (input.files && input.files[0]) {
let fileReader = new FileReader();
fileReader.onload = function () {
callback(fileReader.result);
};
fileReader.readAsDataURL(input.files[0]);
}
else {
callback(null);
}
},
// Read a file input as an object url.
readObjectUrl(input, callback) {
if (input.files && input.files[0]) {
let fileReader = new FileReader();
fileReader.onload = function () {
let blob = new Blob([fileReader.result], {type: input.files[0].type});
let url = URL.createObjectURL(blob);
callback(url, blob);
};
fileReader.readAsArrayBuffer(input.files[0]);
}
else {
callback(null);
}
},
}
}
Чего я хочу добиться - это загрузить изображение и видеофайл, предварительно просмотреть их перед сохранением в виде BLOB-объекта.
На изображении выше показан мой ответ @samayo
На изображении и видеоблоке отображаются пустые значения.