Php 使用ajax上传录制的视频文件
我正在创建一个应用程序[hosted at Server1],其中我正在录制视频并将其上载到服务器[Server2]。我正在使用Ajax上传文件。录制完成后,我将文件[videoSrc]的URL设置为“blob:”。 我使用以下代码使用Ajax上传视频:Php 使用ajax上传录制的视频文件,php,ajax,html5-video,blob,jquery-file-upload,Php,Ajax,Html5 Video,Blob,Jquery File Upload,我正在创建一个应用程序[hosted at Server1],其中我正在录制视频并将其上载到服务器[Server2]。我正在使用Ajax上传文件。录制完成后,我将文件[videoSrc]的URL设置为“blob:”。 我使用以下代码使用Ajax上传视频: function uploadFile() { var data = new FormData(); data.append('video', videoSrc); $.ajax({ type: "POS
function uploadFile()
{
var data = new FormData();
data.append('video', videoSrc);
$.ajax({
type: "POST",
enctype: 'multipart/form-data',
url: "https://server2/upload.php",
data: data,
processData: false,
contentType: false,
cache: false,
timeout: 600000,
success: function (data) {
console.log(data);
},
error: function (e) {
console.log("ERROR : ", e);
}
});
}
在服务器端(PHP),我只得到post参数中的URL。我没有在$\u FILES指令中获取文件。
代码:
输出:
Array
(
[video] => blob:https://server1/a0080679-caaf-41b0-b6a0-ce41d1283476
)
Array
(
)
如何上传录制的视频?请帮忙。我通过反复试验找到了修复方法。我正在发送使用createObjectURL()创建的blob(录制输出)的URL。我直接使用Ajax发送blob,PHP$\文件收到它 早期代码:
var blob = new Blob(recordedChunks, {
type: 'video/mp4'
});
//Creating blob url which is only valid for the browser
//where the application is running
var videoSrc = URL.createObjectURL(blob);
var data = new FormData();
data.append('video', videoSrc); //Incorrect: sending the Blob URL
$.ajax({
type: "POST",
enctype: 'multipart/form-data',
url: "https://server2/upload.php",
data: data,
processData: false,
contentType: false,
cache: false,
timeout: 600000,
success: function (data) {
console.log(data);
},
error: function (e) {
console.log("ERROR : ", e);
}
});
更正代码:
var blob = new Blob(recordedChunks, {
type: 'video/mp4'
});
var data = new FormData();
data.append('video', blob); //Correct: sending the Blob itself
$.ajax({
type: "POST",
enctype: 'multipart/form-data',
url: "https://server2/upload.php",
data: data,
processData: false,
contentType: false,
cache: false,
timeout: 600000,
success: function (data) {
console.log(data);
},
error: function (e) {
console.log("ERROR : ", e);
}
});
你的upload.php放在哪里代码请打印($\u POST);打印(美元文件);移动上传的文件($_文件['video']['tmp_名称'],'video.mp4');您应该从文件中发送值。让我们假设您的视频字段是上载视频,然后var data=new FormData();var upload_video=$('#upload_video').val();数据。追加(“视频”,上传视频);如果没有输入类型文件,则不会将其作为$\u文件获取。您只有客户端的视频url,然后调用curl或file_get_contents下载并保存到服务器上。我只有客户端用javascript记录的视频url。我无法设置文件输入值。剩下的唯一出路是Ajax。该文件位于Server1[blob:上,必须发送到server2。该文件的PHP代码是什么?
var blob = new Blob(recordedChunks, {
type: 'video/mp4'
});
var data = new FormData();
data.append('video', blob); //Correct: sending the Blob itself
$.ajax({
type: "POST",
enctype: 'multipart/form-data',
url: "https://server2/upload.php",
data: data,
processData: false,
contentType: false,
cache: false,
timeout: 600000,
success: function (data) {
console.log(data);
},
error: function (e) {
console.log("ERROR : ", e);
}
});