`
xufei0110
  • 浏览: 110894 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

nodejs express 上传文件

 
阅读更多

 

1,下面就是上传文件的nodejs的后台

 

var express = require('express');
var fs = require('fs');
var path = require('path');

//createServer
var app = module.exports = express.createServer();

app.configure(function(){	
	app.use(express.bodyParser({uploadDir:'c:\\aa'}));
	app.use(express.methodOverride());
	app.use(app.router);
	app.use(express.static(__dirname + '/public'));	
});


app.post('/:service?', function(req, res){    
    if (req.files && req.files.codecsv != 'undifined') {
        var temp_path = req.files.codecsv.path;
        if (temp_path) {
            fs.readFile(temp_path, 'utf-8', function(err, content) {
                //文件的内容
                console.log('content',content);
                // 删除临时文件
                fs.unlink(temp_path);
            });
        }
    }
 
});

app.listen(4000, function(){
console.log("Express server listening on port %d in %s mode", app.address().port, app.settings.env);
});

 

 

 

2,前台代码使用jquery的ajax

 

<script type="text/javascript">
		$(function(){
		    $('#file_upload').click(function(){
			   
			    var data = new FormData();
			    var files = $('#file')[0].files;
			    
			    if (files) {
			    	data.append('codecsv',files[0]);
			    }		    
			    
			    $.ajax({
			        cache: false,
					type: 'post',
					dataType: 'json',
			        url:'upload',			        
			        data : data,
			        contentType: false,
				processData: false,
			        success : function () {
			            
			        }
			    });
			});
			
		})
			
</script>
		<table style='width: 100%;height: 100%'>
			<tr>
				<td style='width:800px;text-align: center;'>
					<input id='file' type="file">
					<input id='file_upload' type="button" value="upload">
				</td>
			</tr>
		</table>
 

 

分享到:
评论

相关推荐

    NodeJS本地上传文件至服务器

    在Express或其他web框架中创建一个路由,该路由将接收POST请求并处理文件上传: ```javascript const express = require('express'); const app = express(); app.post('/upload', upload.single('file'), ...

    WINDOWS下nodeJS文件上传完整DEMO

    Multer专门处理multipart/form-data类型的表单数据,这是HTML表单上传文件的标准格式。它可以帮助我们解析上传的文件,并将其存储到服务器的指定位置。 3. **文件系统(fs)模块**:Node.js内置的`fs`模块提供了...

    nodejs上传下载管理文件

    2. **Multer中间件**:处理multipart/form-data类型数据,这是上传文件时常见的数据格式。Multer可以解析文件上传请求,将文件保存到服务器,并提供文件信息。 3. **File System (FS)模块**:Node.js内置的文件系统...

    详解nodejs实现本地上传图片并预览功能(express4.0+)

    Express为:4.13.1 multyparty...前端采用通过ajax方式上传文件,使用FormData进行ajax请求 ,nodejs端采用multiparty模块 相关查看文档: 通过Ajax方式上传文件,使用FormData进行Ajax请求 node-multiparty github F

    结合html5+nodejs+express实现拖拽上传的功能

    文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传。给用户体验带来很大问题。html5开始支持拖拽上传的需要的api。nodejs也是一个最近越来越流行的...

    NodeJS上传文件

    在Node.js环境中,上传文件是一项常见的任务,尤其在构建Web应用程序时。Node.js以其非阻塞I/O模型和丰富的生态系统,使得处理文件上传变得高效且易于实现。在本篇文章中,我们将深入探讨如何在Node.js中设置文件...

    结合html5+nodejs+express实现拖拽上传功能

    文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传。给用户体验带来很大问题。html5开始支持拖拽上传的需要的api。nodejs也是一个最近越来越流行的...

    nodejs+express实现文件上传下载管理网站

    3. 文件上传下载: 文件上传和下载功能是网站中常见的需求之一,通过Node.js和Express可以很容易实现文件的上传和下载功能,为用户提供文件管理的能力。 4. 网站管理: 网站管理不仅包括静态内容的展示,还包括动态...

    NodeJs form-data格式传输文件的方法

    导致的问题是使用起来就不太方便了,比如用koa上传文件,网上资料有限,对于小白而言,文件上传操作就困难多了。 form表单上传文件流程(PHP和node js) 文件上传操作原理 form表单【注意:enctype=”multipart/form...

    一个简单的node文件上传程序

    在Node.js中,可以使用`multer`这样的第三方中间件来处理`multipart/form-data`编码的表单数据,这是HTML表单上传文件时使用的编码格式。 `multer`会解析上传的文件,将其存储在一个临时位置,并将文件信息(如...

    nodejs之express框架源码

    - 利用Express的灵活性,结合其他库(如Passport进行身份验证,Multer处理文件上传)扩展功能。 通过深入学习和理解Express的源码,开发者不仅可以更高效地使用这一框架,还能提升对Node.js和Web服务器原理的理解...

    nodeJs+express+socket.io的即时通信web

    在这个“nodeJs+express+socket.io的即时通信web”项目中,开发者创建了一个简单的聊天室应用,实现了以下几个关键功能: 1. **在线统计**:利用Socket.IO的连接状态管理,可以实时追踪并更新当前在线用户数量。...

    nodejs基于express实现文件上传的方法.docx

    1. **使用`multiparty`解析上传文件** `multiparty`是一个轻量级的中间件,专门用于解析`multipart/form-data`类型的数据。它能够轻松地提取出表单数据和文件数据。 2. **处理文件** 在处理文件的过程中,通常...

    使用nodejs+express实现简单的文件上传功能

    express -e nodejs-uploadfile 2.下载multer中间件 npm i multer or yarn multer 3.在routes/index.js中引用multer,由于还要使用到文件操作,还要引用fs模块,并指定文件上传目录 const multer = require('multer'...

    nodejs上传图片简单例子.zip

    常用的文件上传库有`multer`,它能方便地处理`multipart/form-data`类型的表单数据,这是HTML表单上传文件的标准格式。 接下来,我们假设压缩包中的"上传图片"是一个目录,其中可能包含以下文件: 1. server.js:...

    nodejs基于express实现文件上传的方法

    前段时间在做个人项目的时候,用到了nodejs服务端上传文件,现在回头把这个小结一下,作为记录。 本人上传文件时是基于express的multiparty ,当然也可以使用connect-multiparty中间件实现,但官方似乎不推荐使用...

    node.js express框架实现文件上传与下载功能实例详解

    Node.js通过Express框架实现文件上传与下载功能,可以使用多个库和方法。例如,使用第三方库multer,它专门用于处理multipart/form-data,这类数据即HTML表单上传的文件数据。通过配置multer中间件,可以轻松地处理...

    node_express_aws_s3:将文件从 NodeJS Express 服务器上传到 AWS S3 的代码片段

    从 NodeJS Express 服务器上传文件到 AWS S3 使用的包 导航到根目录中的 index.js 文件以找到完整的代码。 安装 通过在本地系统中运行以下命令,将此存储库克隆到本地计算机。 git clone ...

Global site tag (gtag.js) - Google Analytics