在node.js中如何實作檔案上傳重命名？

本篇文章主要介紹了node.js檔案上傳重命名以及移動位置的範例程式碼，現在分享給大家，也給大家做個參考。

一個關於node上傳檔案的範例,下面是前端程式碼，

 doUpload() {
  var formData = new FormData($("#uploadForm")[0]);
  $.ajax({
   url: 'http://localhost:3011/upload',
   type: 'POST',
   data: formData,
   async: false,
   cache: false,
   contentType: false,
   processData: false,
   success: function (returndata) {
    alert(returndata);
   },
   error: function (returndata) {
    // alert(returndata);
   }
  });
 }
<form id="uploadForm">
     <p>上传文件：
      <input id="UpImage" type="file" name="file"/>
      <input id="text" type="text" name="text" value="232323"/>
     </p>
     <input type="button" value="上传" onClick={this.doUpload.bind(this)}/>
     <input type="button" onClick={()=>{this.submit()}} value="确定"/>
 </form>

服務端程式碼需要安裝外掛程式formidable

exports.upload = function (req,res,next) {
//keepExtensions为true时，显示文件扩展名
 var form = new formidable.IncomingForm({keepExtensions:true});
//指定文件目录
 form.uploadDir = path.join(__dirname);
 form.parse(req,function (err,fields,files) {
  //fields存放的为json数据
  //files存放的是文件信息
  //更改文件目录,并且显示上传之前的名字
  fs.rename(files.file.path,__dirname+'/'+files.file.name,function (a,b) {
  });
  res.json({success:'修改成功'})
 });
};

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

使用vue.js如何實現無縫捲動效果

在vue中使用路由實作頁面重新整理

jQuery實作遞歸無限層功能

JavaScript中如何實作職責鏈模式

使用Ajax和Jquery實作下拉方塊的二級連動

Jquery在下拉方塊中如何動態取得資料

有關vue-awesome-swiper外掛程式問題

以上是在node.js中如何實作檔案上傳重命名？的詳細內容。更多資訊請關注PHP中文網其他相關文章！