Загружаю видео и эскиз с этого видео на сервер, нужно сохранить обa файлы с одним именем.
чтобы для обе файла получилось название примерно: 123.png и 123.mp4
Но, обязательно случайный и уникальный название.
<?php
ini_set('memory_limit', '1000M');
header('Content-Type: application/json');
$video_thumb_name = uniqid('video_', true);
if (isset($_REQUEST['saveCanvas'])) {
$img = $_POST['imgBase64'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$fileThumb = $video_thumb_name . '.png';
$success = file_put_contents('thumbnails/'.$fileThumb, $data);
print $success ? $fileThumb : 'Unable to save the file.';
}
$return['status'] = 0;
if (isset($_FILES['file'])) {
$name = $_FILES['file']['name'];
$extension = explode('.', $name);
$extension = end($extension);
$type = $_FILES['file']['type'];
$size = $_FILES['file']['size'] / 1024 / 1024;
$tmp = $_FILES['file']['tmp_name'];
$videoName = $video_thumb_name . '.' . $extension;
if ($_FILES["file"]["type"] == "video/mp4") {
move_uploaded_file($tmp, 'videos/' . $videoName);
$return['videoName'] = $videoName;
$return['thumbName'] = $fileThumb;
$return['status'] = 1;
}
echo json_encode($return);
}
sleep(1);
?>
Сделал так...
No названии не совпадают.
Нужно остановить генерация названий $video_thumb_name = uniqid('video_', true); при первом обращение, а то разница времени...
Результат на ftp: video_5baf1495b60328.59934882.mp4 и video_5baf149a72c682.53232850.png
---------------------------------------
Еще один вопрос/проблема:
$return['thumbName'] = $fileThumb;
Здесь получаю null
JS в index.php:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script>
<script>
function getThumb(video, thumbnailname) {
maxWidth = 700;
maxHeight = 700;
var w = video.videoWidth;
var h = video.videoHeight;
if (w >= h) {
var ratio = 1 / (w / maxWidth);
} else {
var ratio = 1 / (h / maxHeight);
}
var canvas = document.getElementById('canvas');
canvas.width = w * ratio;;
canvas.height = h * ratio;;
var ctx = canvas.getContext('2d');
ctx.drawImage(video, 0, 0, w * ratio, h * ratio);
$.ajax({
type: "POST",
url: "upload_video.php?saveCanvas=1",
data: {
imgBase64: document.getElementById('canvas').toDataURL('image/png')
}
}).done(function(o) {
console.log(0);
});
}
jQuery('#myForm').on('change', function(e) {
e.preventDefault()
var percent = jQuery('.percent');
jQuery(this).ajaxSubmit({
url: 'upload_video.php',
beforeSend: function() {
var percentVal = '0%';
percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
jQuery("#myf1_upload_process, #divLoading").css("visibility", "visible");
jQuery("#file_browse_wrapper").css("visibility", "hidden");
var percentVal = 'Uploaded: ' + percentComplete + '%';
percent.html(percentVal);
},
success: function(xhr) {
console.log(xhr);
//status.html(xhr.responseText);
var loaded = false;
var videos = xhr.videoName;
var video = document.getElementById('video');
//video.src = 'videos/' + videos;
video.src = videos;
video.load();
video.addEventListener('canplay', function() {
this.currentTime = this.duration / 15;
}, false);
saved = false;
setInterval(function() {
if (!saved) {
var thumbnailname = xhr.thumbName;
if (video.readyState >= 3) {
saved = true;
getThumb(video, thumbnailname);
jQuery("#myeditor").val(videos + '\n' + thumbnailname + '.png');
jQuery("#myf1_upload_process, #divLoading").css("visibility", "hidden");
jQuery("#file_browse_wrapper").css("visibility", "visible");
jQuery("#myf1_upload_form").html('<br /> <input id="file_browse" type="file" name="file" accept="video/mp4" size="0" style="cursor:pointer" /><input type="submit" name="submitBtn" class="mysbtn" value="Upload Image" />');
}
}
}, 1000);
}
});
return true;
});
</script>