简单实现node.js图片上传_node.js

本文实例为大家分享了node.js图片上传的具体代码,供大家参考,具体内容如下

1.node-formidable

对文件上传提供帮助的组件

2.app.js

var formidable = require('formidable');
var http = require( 'http' );
var sys = require('sys');

http.createServer(function( request ,response ){
  if( request.url == '/upload' && request.method.toLowerCase() == 'post' )
  {
    console.log( 'upload requet ' )
    uploadRequest(request,response);
    return;
  }
  enterRequest(request,response)
}).listen(3000);

function enterRequest( request, response )
{
  response.writeHead( 200, { 'Content-type' : 'text/html' });
  response.end(
    '<form action = "/upload" enctype="multipart/form-data" method="post" >' +
    '<input type = "text" name = "title" /> <br>' +
    '<input type = "file" name="upload" multiple="multiple"/> <br/>'+
    '<input type="submit" value="Upload Now"/>' +
    '</form>'
  );
}

/**
 * 处理上传的逻辑
 * @param request
 * @param response
 */
function uploadRequest( request,response )
{
  var form = new formidable.IncomingForm();
  form.parse( request, function ( err, fields, files ) {
    response.writeHead(200, {'Content-type' : 'text/plain'});
    response.write('reviced upload file');
    response.end( sys.inspect(
      {
        fields : fields,
        files : files
      }) );
  });
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索图片上传
node.js
nodejs实现文件上传、nodejs实现图片上传、node.js实现上传、js文件上传简单实现、node 实现图片上传,以便于您获取更多的相关知识。

时间: 2024-11-03 13:48:06

简单实现node.js图片上传_node.js的相关文章

全面解析node 表单的图片上传_node.js

node 全面解析表单的图片上传 ,multiparty解析与内容类型的HTTP请求multipart/form-data,也被称为文件上传. multiparty安装 npm install multiparty html代码 <form action="/api/uppic" method="post" > <input type="file" name="pic" > <input type

upload-关于js图片上传判断尺寸大小

问题描述 关于js图片上传判断尺寸大小 method="post" enctype="multipart/form-data" modelAttribute="personaLib"> 上传/form:form 页面代码如下.不知道js怎么写.求指导 解决方案 js判断图片上传js判断file文本域中待上传文件的大小与尺寸图片上传 文件类型和大小的判断

js 可增加删除图片上传框js代码

js 可增加删除图片上传框js代码 本款程序可以检测用户上传图片类型,大小,在上传之前,同时也可以增加多文件上传,就是不定文件多少,仿51空间那种文件上代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2

Node.js实现文件上传_node.js

在工作中碰到了这样的需求,需要用nodejs 来上传文件,之前也只是知道怎么通过浏览器来上传文件, 用nodejs的话, 相当于模拟浏览器的行为. google 了一番之后, 明白了浏览器无非就是利用http协议来给服务器传输数据, 具体协议就是<RFC 1867 - Form-based File Upload in HTML>, 在浏览器上通过form 表单来上传文件就是通过这个协议,我们可以先看看浏览器给服务端发送了什么数据, 就可以依葫芦画瓢的把上传功能实现出来.说起form 表单上传

NodeJS使用formidable实现文件上传_node.js

最近自学了一下NodeJS,然后做了一个小demo,实现歌曲的添加.修改.播放和删除的功能,其中自然要实现音乐和图片的上传功能.于是上网查找资料,找到了一个formidable插件,该插件可以很好的实现文件的上传功能.该小demo用到了MySQL数据库,所有的数据都存放到了数据库中.下面简单说一些如何使用. 1.创建app.js主文件 const express = require('express'); const router = require('./router'); const pat

Nodejs+express+html5 实现拖拽上传_node.js

一.前言 文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传.给用户体验带来很大问题.html5开始支持拖拽上传的需要的api.nodejs也是一个最近越来越流行的技术,这也是自己第一次接触nodejs,在nodejs开发中,最常用的开发框架之一是expess,它是一个类似mvc模式的框架.结合html5.nodejs express实现了拖拽上传的功能. 二.基础知识普及 1.NodeJs基础知识 nodejs简单来说就是一个可以让j

js图片上传预览兼容ie6 ie8

在ie8和火狐上直接用户控件.value得到的只是文件名称而不是完整路径 ie8 document.getelementbyid("img").src = document.getelementbyid("file").files[0].getasdataurl(); ie6 document.getelementbyid("img").src = document.getelementbyid("file").value;

JS实现图片上传预览功能_javascript技巧

废话不多说了,直接给大家贴js代码了,具体代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> </head> <body&g

图片上传即时显示缩略图的js代码_图象特效

<script language="javascript" type="text/javascript"> var allowExt = ['jpg', 'gif', 'bmp', 'png', 'jpeg']; var preivew = function(file, container){ try{ var pic = new Picture(file, container); }catch(e){ alert(e); } } //缩略图类定义 va