Heim  >  Artikel  >  Web-Frontend  >  Wie implementiert man die Umbenennung von Datei-Uploads in node.js?

Wie implementiert man die Umbenennung von Datei-Uploads in node.js?

亚连
亚连Original
2018-06-11 14:24:111548Durchsuche

In diesem Artikel wird hauptsächlich der Beispielcode zum Hochladen, Umbenennen und Verschieben der Datei node.js vorgestellt. Jetzt teile ich ihn mit Ihnen und gebe ihn als Referenz.

Ein Beispiel für das Hochladen von Dateien durch einen Knoten. Das Folgende ist der Front-End-Code:

 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>

Der Servercode muss das Plug-in formidable installieren

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+&#39;/&#39;+files.file.name,function (a,b) {
  });
  res.json({success:&#39;修改成功&#39;})
 });
};

Das Obige ist Was ich für alle zusammengestellt habe, hoffe ich, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

So verwenden Sie vue.js, um einen nahtlosen Scrolleffekt zu erzielen

Verwenden Sie Routing in Vue, um eine Seitenaktualisierung zu erreichen

jQuery implementiert eine rekursive unendliche Ebenenfunktion

So implementieren Sie das Chain-of-Responsibility-Muster in JavaScript

Die Verwendung von Ajax und Jquery implementiert die sekundäre Verknüpfung des Dropdown-Felds

Wie Jquery dynamisch Daten im Dropdown-Feld erhält

Verwandt Probleme mit dem Vue-awesome-swiper-Plug-in

Das obige ist der detaillierte Inhalt vonWie implementiert man die Umbenennung von Datei-Uploads in node.js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn