Question

我正在尝试使用gridfs-stream构建一个非常基本的视频上传系统。它可以在桌面上运行，但仅部分在我的手机上运行（iOS9 iphone 5，使用Chrome浏览器）。

使用直接录制iOS功能（录制不在照片库中但未保存的视频），它可以很好地工作，但当我尝试在照片库中选择已保存的视频时，视频无法正确上传。

在写入数据库之前保存到临时目录时，文件为空（大小：0kb）
fs.chunks集合中没有保存任何块
fs.files集合中的“length”属性为0
它不显示，就像文件不存在一样。

以下是代码：

function saveVideo(file){
    var name         = file.filename.split('.').slice(0, -1),
        extension    = file.filename.split('.').pop(),
        randomString = Math.random().toString(36).substring(7);

    file.filename = name + '_' + randomString + '.' + extension;

    var writeStream = gridFs.createWriteStream({
        filename: file.filename,
        metadata: {
            validated: false
        }
    });

    fs.createReadStream(file.file).pipe(writeStream);

    writeStream.on('close', function(){
        fs.unlink(file.file);
    });
}

app.post('/addVideo', function(req, res){
    var files = req.files['file-input'];

    if (files.length){
        files.forEach(function (file, index){
            saveVideo(file);

            if (index == files.length - 1){
                res.redirect('/admin')
            }
        });
    }

    else {
        if (files.filename){
            saveVideo(files);
        }

        res.redirect('/admin');
    }
 });

app.get('/videos/:filename', function(req, res){
    gridFs.exist({'filename': req.params.filename}, function(err, found){
        if (err){
            return next(err);
        }

        if (found){
            var readStream = gridFs.createReadStream({
                filename: req.params.filename
            });

            readStream.pipe(res);
        }

        else {
             res.status(404).send('Not Found');
        }
     });
 });

我想过的事情：

使用照片代替视频确实有效，但我需要我的网络应用才能接收视频。
直接录制和从图库中选择视频可能有区别吗？我真的不明白，因为除了iOS自动分配的名称，我没有看到任何。我试图强制一个特定的mimetype /编码，但我不确定如何做到这一点，并没有设法让它工作。（我甚至不确定如何做到诚实）
使用其他浏览器：奇怪的是，在使用Safari而不是Chrome移动设备时，文件会在写入数据库之前正确放入临时目录。之后没有正确显示（视频大小不正确，并且黑色背景占位符就像视频不存在一样，但我可以右键单击chrome检查器中的链接并在新窗口中打开它导致文件下载。视频没有损坏，文件不是“空”，也不是数据库中的长度属性，因为从Chrome上传时（视频确实有效）。
如果有帮助，在使用直接录制功能在Chrome上提交表单时，会重新加载页面，输入为空。从库中选择文件时，需要花费更多时间，但它不会重新加载页面，文件仍然在输入中，就像它没有做任何事情一样。装载栏确实出现并停在中间。这是我正在使用的代码。我尝试了多个版本（例如使用capture属性），但它没有用。我正在使用express-busboy模块来解码表单的数据。

<form action="/addVideo" method="POST" enctype="multipart/form-data">
  <input type="file" accept="video/*" multiple name="file-input"/>
  <input type="submit"/>
</form>

我尝试使用connect-busboy模块而不是express-busboy（它在添加文件之前不会写文件，而是直接将其传输到数据库），但问题仍然存在。

感谢。

具有gridfs-stream的简单视频上传系统可与直接iOS录制配合使用，但在从手机图库中选择视频时则无效

0 个答案: