【问题标题】:Nodejs multer express display a file to client after form uploadNodejs multer express在表单上传后向客户端显示文件
【发布时间】:2017-03-20 08:07:45
【问题描述】:

我正在尝试在提交表单后使用工具(标题中列出)显示视频文件:

const 

 express = require('express'),
 server = express(),
 // SERVER MODULE/DEPENDENCY

 multer = require("multer"),
 // UPLOAD DEPENDENCY

 fs = require('fs'),
 // FOR THE VIDEO UPLOADS  

 PORT = process.env.PORT || 3000,
 //USE AUTO ASSIGNED HEROKU PORT or 3000 for local. DO NOT REMOVE PROCESS.ENV.PORT

 bodyParser = require('body-parser'),
 //NEEDED FOR OUTSIDE JSON REQUESTS

 _ = require('underscore'),
 //FOR FILTERING OBJECTS AND OTHER TYPES OF DATA

 storage = multer.diskStorage({
    destination:function(req, file, callback){
           callback(null, './video_uploads');    
    },

    filename: function(req, file, callback){
           callback(null, file.fieldname + '-' + Date.now());
    } 
 });
 // Video Upload on Multer Dependency 

const upload = multer({ storage: storage}).single('video_upload');


server.use(bodyParser.json()); 
server.use(express.static(__dirname + '/public'));  // 




 server.post('/register.html', function(req, res){
 res.sendFile(__dirname + '/public/register.html');
});


server.post('/video_upload', function(req, res){
 upload(req, res, function(err){
    if(err){
        return res.end('Error uploading file.');
    }

    else{
        res.sendFile('req.file');
    }

    res.end(); 

 });  
});

上传工作正常,但我试图弄清楚如何发送上传的文件 上传后立即返回前端。

我有一个

    "<div id="resume-video-player"></div>"

上传完成后我想从客户端填写以自动播放上传的视频。我需要与 Jquery 或 socket.io 通信才能在这里进行一些通信吗?如您所见,我尝试使用 res.sendfile 进行试验,但我得到的只是一个错误,无法加载资源连接被拒绝。

谢谢。

【问题讨论】:

    标签: node.js express upload display multer


    【解决方案1】:

    您的视频的完整网址是

    var url="PATH"+req.file.filename
    

    将此发送给您的客户使用

    res.json(url)
    

    并在您的视频标签中使用 jQuery 将 src 设置为 url

    【讨论】:

      猜你喜欢
      • 2017-09-07
      • 2018-07-21
      • 2015-10-11
      • 1970-01-01
      • 2018-03-17
      • 1970-01-01
      • 1970-01-01
      • 2021-03-08
      • 1970-01-01
      相关资源
      最近更新 更多