如何解决将Blob文件上传到giphy服务器
我在使用GIPHY API上传端点时遇到问题。我正在使用录制RTC录制网络摄像头,然后上传文件。除了那个库,我正在使用普通的javascript。我将用于记录,处理记录并将其上载到Giphy的整个代码留在这里。事件侦听器运行正常,其功能uploadGif()无效。
如果有帮助,请参见https://developers.giphy.com/docs/api/endpoint#upload文档。我得到的响应是400,这表示其格式不正确或缺少参数。
欢迎任何帮助!!!非常感谢!
let recorder
function startRecorder() {
captureCamera(function (camera) {
videoWindow.muted = true;
videoWindow.volume = 0;
videoWindow.srcObject = camera;
recorder = RecordRTC(camera,{
type: 'video'
});
recorder.startRecording();
})
}
document.getElementById('start').addEventListener('click',startRecorder)
//Stop the recording
function stopRecorder() {
video.muted = true;
video.volume = 1;
console.log("grabacion terminada")
processRecording()
};
// Event Listener that activates stopRecorder() and hides/shows windows
document.getElementById('ready').addEventListener('click',function () {
this.disabled = true
recorder.stopRecording(stopRecorder)
let captureVideo = document.getElementById('capture')
captureVideo.style.display = "none"
let preview = document.getElementById("preview")
preview.style.display = "block"
})
//Process the recording data and shows preview
function processRecording() {
let videoGif = document.getElementById('gif-preview')
let blob = recorder.getBlob()
let form = new FormData();
form.append('file',blob,'juaniGif.gif')
videoGif.src = URL.createObjectURL(blob); //Video tag takes as src the URL from recording
console.log(form.get('file')) //Data from the recording logs in console
}
//Upload Gif with POST Request to GIPHY API
function uploadGif() {
let form = new FormData();
let blob = recorder.getBlob()
form.append('file','juaniGif.gif')
fetch('https://upload.giphy.com/v1/gifs?api_key=e50H7kadOO3wsBzSsJ1YpQL9cEjMglfi',{
method: 'POST',body: form,json: true,mode: 'no-cors'
})
.then(response =>response.json())
}
document.getElementById('upload-btn').addEventListener('click',uploadGif);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。