node js 与uploadify插件的简单结合

  

         首先uploadify插件的官网为http://www.uploadify.com/

         效果特别好看，而且可以选择性的配置，重点是上传实现异步上传。以前在java项目中用过，

        

     今天结合express用了下。下面为部分说明

     首先用

            app.use(express.bodyParser({ keepExtensions: true, uploadDir:__dirname+'/public/upload/' }));

      代替app.js中的app.use(express.bodyParser());

     

       这里设置路径为public下的自己创建的文件夹upload。当做文件存储目录

     

      下面为routes下的index.js的路由配置:

      var assert= require('assert')
   ,constant=require('./util/Constant');


exports.upload = function(req, res){


     //var name=req.body.userid;
      
     var fileDesc=req.files;
    
    var imgname=fileDesc.Filedata.name;
     
     var path=fileDesc.Filedata.path;
     
     var index=path.indexOf(constant.uploadFile);
     
     var name=path.substring(index);
     
    var imgurl=constant.DomainUrl+":"+constant.DomainPort+"/"+name;
     
     console.log(imgurl);
     
    res.send(imgurl);
};

    下面是执行主函数js的配置

    $(function() {
$('#file_upload').uploadify({
'swf'     : '/images/uploadify.swf',
'formData':{
           'userid':'用户id',
           'username':'用户名',
           'rnd':'加密密文'
              },
              'cancelImg ':'/images/uploadify-cancel.png',
              'fileTypeExts' : '*.gif; *.jpg; *.png',
              'simUploadLimit ':'2',
 'uploader' : '/fileupload',
 'onUploadSuccess' : function(file, data, response) {
         //  alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);


         var img="";
         $("#img_box").append(img);
       }
});
});

     然后是html页面的配置

    

ps:排版真的烂透了。