ホームページ > 記事 > ウェブフロントエンド > node.jsファイルアップロード処理例
node.jsファイルアップロード処理例
- 高洛峰オリジナル
- 2016-12-24 17:19:381384ブラウズ
本題に進みます。Node.js Web 開発の基本フレームワークを前提として、ファイルアップロード関数を作成します
アップロードハンドラーは比較的単純で、オンラインで見つけることができます
var url=require('url');
var exec=require('child_process').exec;
var querystring=require('querystring');
/********************************文件上传 第3方模块测试*************************/
function fileUploadForm(request,response){
response.writeHead(200,{'Content-Type':'text/html'});
var body = '<html>'+
'<head>'+
'<meta http-equiv="Content-Type" '+
'content="text/html; charset=UTF-8" />'+
'</head>'+
'<body>'+
'<form action="/fileuploadaction" method="post" enctype="multipart/form-data">'+
'<input name="name" type="text" />'+
'<input name="upload" type="file" />'+
'<input type="submit" value="Upload" />'+
'</form>'+
'</body>'+
'</html>';
response.write(body);
response.end();
}
<span style="color: rgb(255, 0, 0);">function fileUploadAction(request,response){
var fs=require('fs');
var formidable=require('formidable');
var baseUploadPath="./media/upload/";
var form=new formidable.IncomingForm();
form.uploadDir='./var/tmp';
form.parse(request,function(error,fields,files){
if(!error){
console.log(fields);
var desUploadName=baseUploadPath+files.upload.name;
fs.renameSync(files.upload.path, desUploadName);
response.writeHead(200,{'Content-Type':'text/html'});//值得注意的是这里的response.writeHead()函数内容要写在form.parse()的callback中要不不会显示
response.write('received image:</br>');
response.write('<img src="/showuploadimage?name='+files.upload.name+'" />');
response.end();
}
});
}</span>
function showUploadImage(request,response){
var fs=require('fs');
var imageName=querystring.parse(url.parse(request.url).query);
var baseUploadPath="./media/upload/";
fs.readFile(baseUploadPath+imageName.name, "binary", function(error, file) {
if(error) {
response.writeHead(500, {"Content-Type": "text/plain"});
response.write(error + "\n");
response.end();
} else {
response.writeHead(200, {"Content-Type": "image/png"});
response.write(file, "binary");
response.end();
}
});
}
exports.fileuploadform=fileUploadForm;
exports.fileuploadaction=fileUploadAction;
exports.showuploadimage=showUploadImage;同時に、
handle['/fileuploadform']=handlers.fileuploadform; handle['/fileuploadaction']=handlers.fileuploadaction; handle['/showuploadimage']=handlers.showuploadimage;
をindex.jsに追加します
注意すべき点は、ファイルのアップロードを処理する必要がある場合、サーバーに
request.setEncoding('utf8');//设置这个很可能导致上传失败，这是formidable模块的一个bug吧
と
request.addListener("data",function(tempPostData){
postData+=tempPostData;
});
request.addListener("end",function(){
route(request,response,postData,handle);
});を追加できないことです
上記は次のとおりですこの記事の内容全体が皆様のお役に立てば幸いです。また、皆様も PHP 中国語 Web サイトをサポートしていただければ幸いです。
その他のnode.jsファイルのアップロード処理例と関連記事については、PHP中国語Webサイトに注目してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。