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
            }) );
    });
}

 

 

时间: 2024-12-18 02:09:21

node.js图片上传的相关文章

multer/express/node.js图片上传实例

前端 <form enctype="multipart/form-data" method="post"> <input type="file" id="avatar" name="avatar" /> <button>提交</button> </form> <script> $('button').click(function ()

js图片上传验证图片格式和大小尺寸

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function getImageSize(obj){ var _file=document.getElementById("file

JS图片上传预览插件制作(兼容到IE6)

其实,图片预览功能非常地常见.很意外,之前遇到上传图片的时候都不需要预览,也一直没有去实现过.现在手上的项目又需要有图片预览功能,所以就动手做了一个小插件.在此分享一下思路. 一.实现图片预览的一些方法. 了解了一下,其实方法都是大同小异的.大概有以下几种方式: ①订阅input[type=file]元素的onchange事件. 一旦选择的路径被改变就把图片上传至服务器,然后就返回图片在服务器端的地址,并且赋值到img元素上. 缺点:工作量大,有些上传并不是用户最终需要上传的图片,但是这种方式会

来之不易的js图片上传预览代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS

js 图片上传本地预览

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片上传本地预览</title> <style type="text/css"> #preview{width:260px;height:190px;border:1px solid #000;overflow:hidden;

Node.js formidable 上传文件的实现

本案例来自Node.js入门书籍: http://www.nodebeginner.org/index-zh-cn.html 示例中只能上传并展示png图片,当然其他文件都是可行的,自己微调一下即可. 安装node.js: # curl -sL https://rpm.nodesource.com/setup | bash - # yum install -y nodejs  防火墙打开8888端口: Node.js自身处理上传文件会非常繁琐,可使用第三方的node-formidable来轻松处

Node.js文件上传

Node.js express使用Multer实现文件上传html部分 <div> <h3>文件上传:</h3> 选择一个文件上传: <br/> <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="content&quo

兼容好的JS图片上传预览代码

在上传图片前预览图片的功能,可提高你网站的用户体验,让用户清楚所要上传的图片是不是选对了.本代码无JS插件,纯JavaScript结合HTML来实现,是一个很不错的例子,比较完整: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&

原生Js图片上传

上传图片通常用两种格式: base64,byte ---------------------------------------------------------------------------------------- byte上传: FileReader.readAsArrayBuffer//将file读取为ArrayBuffer base64上传 FileReader.readAsDataUrl//将file读取为Url. ------------------------------