node.js file upload processing example-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

node.js file upload processing example

Dec 24, 2016 pm 05:19 PM

Go straight to the topic, under the premise of the basic framework of Node.js web development, we will create a file upload function

The upload handler is relatively simple and can be found online

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;&lt;html&gt;&#39;+
  &#39;&lt;head&gt;&#39;+
  &#39;&lt;meta http-equiv=&quot;Content-Type&quot; &#39;+
  &#39;content=&quot;text/html; charset=UTF-8&quot; /&gt;&#39;+
  &#39;&lt;/head&gt;&#39;+
  &#39;&lt;body&gt;&#39;+
  &#39;&lt;form action=&quot;/fileuploadaction&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt;&#39;+
  &#39;&lt;input name=&quot;name&quot; type=&quot;text&quot; /&gt;&#39;+
  &#39;&lt;input name=&quot;upload&quot; type=&quot;file&quot; /&gt;&#39;+
  &#39;&lt;input type=&quot;submit&quot; value=&quot;Upload&quot; /&gt;&#39;+
  &#39;&lt;/form&gt;&#39;+
  &#39;&lt;/body&gt;&#39;+
  &#39;&lt;/html&gt;&#39;;
 response.write(body);
 response.end();
}
  
&lt;span style=&quot;color: rgb(255, 0, 0);&quot;&gt;function fileUploadAction(request,response){
 var fs=require(&#39;fs&#39;);
 var formidable=require(&#39;formidable&#39;);
 var baseUploadPath=&quot;./media/upload/&quot;;
 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:&lt;/br&gt;&#39;);
   response.write(&#39;&lt;img src=&quot;/showuploadimage?name=&#39;+files.upload.name+&#39;&quot; /&gt;&#39;);
   response.end();
  }
 });
}&lt;/span&gt;
  
function showUploadImage(request,response){
 var fs=require(&#39;fs&#39;);
 var imageName=querystring.parse(url.parse(request.url).query);
 var baseUploadPath=&quot;./media/upload/&quot;;
 fs.readFile(baseUploadPath+imageName.name, &quot;binary&quot;, function(error, file) {
  if(error) {
   response.writeHead(500, {&quot;Content-Type&quot;: &quot;text/plain&quot;});
   response.write(error + &quot;\n&quot;);
   response.end();
  } else {
   response.writeHead(200, {&quot;Content-Type&quot;: &quot;image/png&quot;});
   response.write(file, &quot;binary&quot;);
   response.end();
  }
 });
}
exports.fileuploadform=fileUploadForm;
exports.fileuploadaction=fileUploadAction;
exports.showuploadimage=showUploadImage;

Copy after login

At the same time, add

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

Copy after login

to index.js

One thing to note is that when you need to process file uploads, you cannot add

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

Copy after login

in the server

and

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

Copy after login

The above is the entire content of this article, I hope it will be helpful to everyone Learning is helpful, and I hope everyone will support the PHP Chinese website.

For more node.js file upload processing examples and related articles, please pay attention to the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn