html代碼:

<form enctype='multipart/form-data' method="post" action='/file/uploading'>

<input class="weui_uploader_input" id="upload" name="upload" type="file" accept="image/jpg,image/jpeg,image/png,image/gif">

</form>

<script>

$('#upload').on('change',function(){

? ? $(this).closest('form').submit();

});

$('form').submit(function(){

//? return false;

});

</script>

服務(wù)端js

var express=require('express');

var router=express.Router();

var formidable=require('formidable');

var fs=require('fs');

var gm=require('gm').subClass({imageMagick:true});

router.post('/file/uploading',function(req,res,next){

//res.header( 'Content-Type','text/javascript;charset=utf-8');? ? ? ? //設(shè)置返回字符串編碼

varform=newformidable.IncomingForm();//創(chuàng)建對(duì)象

form.uploadDir=global.dirname+"/public/upload/source";//設(shè)置臨時(shí)文件存放的路徑

form.encoding='utf-8';//設(shè)置上傳數(shù)據(jù)的編碼

form.keepExtensions=true;//設(shè)置是否保持上傳文件的拓展名

form.maxFieldsSize=4*1024*1024;//文件大小

form.parse(req,function(err, fields, files) {

if(err) {

res.render('/', {title: err });

return;

}

var extName='jpg';//后綴名

switch(files.upload.type) {

case' image/pjpeg':

extName='jpg';

break;

case 'image/jpeg':

extName='jpg';

break;

case 'image/png':

extName='png';

break;

case 'image/x-png':

extName='png';

break;

case 'image/gif':

extName='gif';

break;

}

if(extName.length==0){

res.send('上傳文件類型有誤！');

return;

}

var avatarName=uuid.uuid(8,16)+'_normal'+'.'+extName;

var newPath=form.uploadDir+"/"+avatarName;

fs.renameSync(files.upload.path, newPath);? //重命名

response.writeHead(200,{"Content-Type":"text.html"});

response.write("received image:");

response.end();

});