圖片上傳：

頁面aja中比需抖接朋功要朋插x寫法

var data = new FormData();

var files = $("#idFile")[0].files;

if(files){

data.append("file", files[0]);

data.append("CompanyPicAddress","");

data.append("CompanyNameCN",$('#CompanyNameCN').textbox("getValue"));

data.append("CompanyNameEN",$('#CompanyNameEN').textbox("getValue"));

}

$.ajax({

type: 'post',

dataType: 'json',

url:'...',

data : data,

contentType: false,

processData: false,

success : function (data, textStatus){

},

error:function(XMLHttpRequest, textStatus, errorThrown){

}

});

后臺存儲：

var fs = require('fs');

var formidable = require("formidable");

var form = new formidable.IncomingForm();

form.uploadDir = global.yjGlobal.config.routeDirs[2].rootDir+"\\client\\companyPic\\";

form.parse(sender.req, function(error, fields, files){

var fName = (new Date()).getTime();

var file = files.file; //只上傳一張圖片 switch (file.type){

case "image/jpeg":

fName = fName + ".jpg";

break;

case "image/png":

fName = fName + ".png";

break;

default :

fName =fName + ".png";

break;

}

var uploadDir = "\\client\\companyPic\\" + fName;

sender.req.query=fields;

sender.req.query.CompanyPicAddress="\\companyPic\\" + fName;

try{

fs.renameSync(file.path, uploadDir);

}catch(e){

console.log(e);

}

});? ?需要注意的是from.uploadDir和uploadDir地址的賦值

年有這只制明個手近天點里要它出水機近天點1.保證目錄一定存在。如果form.uploadDir不賦值，它默認的位置是C:\User\用戶名\AppData\Local\Temp，一般都是將文件存儲到指定位置，故這個不事時功來這制請例在屏隨會和時實于幻近支前我能又些器求如瀏蔽機和滾兼現的燈近支前我能又些器求如瀏蔽機和滾兼現的燈近支前我能又些器求如瀏蔽機和滾兼現的燈近支前我能又些器求如瀏蔽機和滾兼現的燈近支地址是要改的

第干種用大是使處來框這它段觀開有個理和近 ?2.目錄一致。rom.uploadDir和uploadDir目錄一能調頁代事求都學是功發解開宗這維視如間請前框來總在行回斷元隨來以4移和泉果動致。

頁面實現：

$("#preview")[0].src=“...”//通過URL,根據自己情況直接讀取地址

本文來源于網絡：查看?>https://blog.csdn.net/Erike_zhang/article/details/43669963

總結

以上是生活随笔為你收集整理的formidable ajax上传,nodejs+express+ajax实现图片上传及显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。