Beispiel für die Verarbeitung des Datei-Uploads von node.js-js-Tutorial-php.cn

Beispiel für die Verarbeitung des Datei-Uploads von node.js

高洛峰

Freigeben： 2016-12-24 17:19:38

Original

1384 Leute haben es durchsucht

Um direkt zum Thema zu kommen, werden wir unter der Voraussetzung des Grundgerüsts der Node.js-Webentwicklung eine Datei-Upload-Funktion erstellen

Der Upload-Handler ist relativ einfach und kann online gefunden werden

var url=require(&#39;url&#39;);
var exec=require(&#39;child_process&#39;).exec;
var querystring=require(&#39;querystring&#39;);
 
/********************************文件上传 第3方模块测试*************************/
function fileUploadForm(request,response){
 response.writeHead(200,{&#39;Content-Type&#39;:&#39;text/html&#39;});
 var body = &#39;<html>&#39;+
  &#39;<head>&#39;+
  &#39;<meta http-equiv="Content-Type" &#39;+
  &#39;content="text/html; charset=UTF-8" />&#39;+
  &#39;</head>&#39;+
  &#39;<body>&#39;+
  &#39;<form action="/fileuploadaction" method="post" enctype="multipart/form-data">&#39;+
  &#39;<input name="name" type="text" />&#39;+
  &#39;<input name="upload" type="file" />&#39;+
  &#39;<input type="submit" value="Upload" />&#39;+
  &#39;</form>&#39;+
  &#39;</body>&#39;+
  &#39;</html>&#39;;
 response.write(body);
 response.end();
}
 
<span style="color: rgb(255, 0, 0);">function fileUploadAction(request,response){
 var fs=require(&#39;fs&#39;);
 var formidable=require(&#39;formidable&#39;);
 var baseUploadPath="./media/upload/";
 var form=new formidable.IncomingForm();
 form.uploadDir=&#39;./var/tmp&#39;;
 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,{&#39;Content-Type&#39;:&#39;text/html&#39;});//值得注意的是这里的response.writeHead()函数内容要写在form.parse()的callback中要不不会显示
   response.write(&#39;received image:</br>&#39;);
   response.write(&#39;<img src="/showuploadimage?name=&#39;+files.upload.name+&#39;" />&#39;);
   response.end();
  }
 });
}</span>
 
function showUploadImage(request,response){
 var fs=require(&#39;fs&#39;);
 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;

Nach dem Login kopieren

Fügen Sie gleichzeitig

handle[&#39;/fileuploadform&#39;]=handlers.fileuploadform;
handle[&#39;/fileuploadaction&#39;]=handlers.fileuploadaction;
handle[&#39;/showuploadimage&#39;]=handlers.showuploadimage;

Nach dem Login kopieren

zu index.js hinzu.

Eine Sache, die Sie beachten sollten, ist, dass dies bei Bedarf der Fall ist Wenn Sie Datei-Uploads verarbeiten, können Sie keine Dateien auf den Server hochladen. Ich hoffe, dass dies der Fall ist Es wird für das Lernen aller hilfreich sein und ich hoffe auch, dass jeder die chinesische PHP-Website unterstützt.

request.setEncoding(&#39;utf8&#39;);//设置这个很可能导致上传失败，这是formidable模块的一个bug吧

Nach dem Login kopieren

Weitere Beispiele für die Verarbeitung von node.js-Dateien und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

request.addListener("data",function(tempPostData){
   postData+=tempPostData;
  });
  request.addListener("end",function(){
   route(request,response,postData,handle);
  });

Nach dem Login kopieren