nodejs 简单http 文件上传demo

// 这是一个简单的Node HTTP,能处理当前目录的文件
// 并能实现良种特殊的URL用于测试
// 用http://localhost:8000 或http://127.0.0.1:8000 连接这个服务器

// 首先,加载所有要用的模块
var http = require(‘http‘);        // HTTP服务器API
var fs = require(‘fs‘);            // 文件系统API

var server = new http.Server();    // 创建新的HTTP服务器
var port = 8000;
server.listen(port);            // 在端口8000伤运行它
var log = require(‘util‘).log;
log(‘Http Server is listening ‘ + port + ‘ port.‘);
// Node使用‘on‘方法注册事件处理程序
// 当服务器收到新请求,则运行函数处理它
server.on(‘request‘, function(request, response) {
    var filename = null;
    // 解析请求的URL
    var url = require(‘url‘).parse(request.url);
    switch(url.pathname) {
    case ‘/upload‘:
        var _fileName = request.headers[‘file-name‘];
        log(_fileName);
        request.once(‘data‘, function(data) {
            // 大文件
//            var fis = fs.createWriteStream(‘/txt.txt‘);
//            fis.write(data);
//            fis.end();
            fs.writeFile(_fileName, data);
            response.end();
        });
        break;
    case ‘/‘ || ‘/index.html‘ :
        filename = ‘index.html‘;
    default:
        filename = filename || url.pathname.substring(1);  // 去掉前导‘/‘
        // 基于其扩展名推测内容类型
        var type = (function(_type) {
            switch(_type) { // 扩展名
            case ‘html‘:
            case ‘htm‘: return ‘text/html; charset=UTF-8‘;
            case ‘js‘: return ‘application/javascript; charset=UTF-8‘;
            case ‘css‘: return ‘text/css; charset=UTF-8‘;
            case ‘txt‘: return ‘text/plain; charset=UTF-8‘;
            case ‘manifest‘: return ‘text/cache-manifest; charset=UTF-8‘;
            default: return ‘application/octet-stream‘;
            }
        }(filename.substring(filename.lastIndexOf(‘.‘) + 1)));
        // 异步读取文件,并将内容作为单独的数据块传回给回调函数
        // 对于确实很大的文件,使用API fs.createReadStream()更好
        fs.readFile(filename, function(err, content) {
            if (err) { // 如果由于某些原因无法读取文件
                response.writeHead(404, {‘Content-type‘ : ‘text/plain; charset=UTF-8‘});
                response.write(err.message);
            } else { // 否则读取文件成功
                response.writeHead(200, {‘Content-type‘ : type});
                response.write(content); // 把文件内容作为响应主体
            }
            response.end();
        });
        
    }
});

 

index.html

<html>
<head>
<title>file test</title>
<script>
window.onload=function(){
    var files = document.getElementsByTagName(input),
    len = files.length,
    file;
    for (var i = 0; i < len; i++) {
        file = files[i];
        if (file.type !== file) continue; // 不是文件类型的控件跳过
        file.onchange = function() {
            var _files = this.files;
            if (!_files.length) return;
            if (_files.length === 1) { // 选择单个文件
                var xhr = new XMLHttpRequest();
                xhr.open(POST, http://localhost:8000/upload);
                var filePath = files[0].value;
                xhr.setRequestHeader(file-name, filePath.substring(filePath.lastIndexOf(\\) + 1));
                xhr.send(_files[0]);
            } else { }
        };
    }
};
</script>
</head>
<body>
    <input type="file" />
</body>
</html>

 

 

访问http://localhost:8000/

nodejs 简单http 文件上传demo,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。