nodejs实现图片上传

最近在研究nodejs,用到图片上传功能,就把自己整理下来的代码放上来,代码很简单:


nodejs后台:

var formidable = require("formidable");
var fs = require("fs");
var sys = require("sys");

exports.upload = function(req, res){
  var form = new formidable.IncomingForm(); 
  form.uploadDir = "./public/images/upload";
  form.keepExtensions = true;
  form.encoding = 'utf-8';
  form.parse(req, function(error,fields,files){
    if(error) {
      console.log(error);
      return;
    }

    res.writeHead(200, {'content-type':'text/html'});
    res.end("<script>parent.insertImage('" + files.image.path +  "')</script>;"); // 调用方法,把路径放入输入框中</span>
  });
  return;  
}


jade:

form#imageForm(action="uploadIcon", method="post", target="uploadFrame", enctype="multipart/form-data")
  input.hidden#uploadButton(name="image", type="file")
iframe#uploadFrame.hidden(name="uploadFrame")


js:

$("#uploadButton").change(function(){
   $("#imageForm").submit();
});

配合iframe实现图片上传,并把图片返回的路径放到输入框中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值