MongoDB
 sql >> डेटाबेस >  >> NoSQL >> MongoDB

Angular2 ExpressJs - सर्वर पर फ़ाइल अपलोड

मैं वही काम करने की कोशिश कर रहा था और मेरा समाधान यहां है (सुनिश्चित नहीं है कि यह करने का यह सबसे अच्छा तरीका है),

सर्वर जेएस:

var formidable = require('formidable');
var fs = require('fs');

app.post('/upload', function(req, res){

  var form = new formidable.IncomingForm();

  form.multiples = false;

  form.uploadDir = path.join(__dirname, '/public/uploads');


  form.on('file', function(field, file) {
    fs.rename(file.path, path.join(form.uploadDir, file.name));
  });

  form.on('error', function(err) {
    console.log('An error has occured: \n' + err);
  });

  form.on('end', function() {
    res.end('success');
  });

  form.parse(req);

});

app.component:

import { Component, OnInit, NgZone } from '@angular/core';
@Component({
  selector: 'my-app',
  templateUrl: 'js/app/app.component.html'
})
export class AppComponent {
   filesToUpload: Array<File>;

    constructor() {
        this.filesToUpload = [];
    }

    upload() {
        this.makeFileRequest("http://localhost:3000/upload", [], this.filesToUpload).then((result) => {
            console.log(result);
        }, (error) => {
            console.error(error);
        });
    }

    fileChangeEvent(fileInput: any){
        this.filesToUpload = <Array<File>> fileInput.target.files;
    }

    makeFileRequest(url: string, params: Array<string>, files: Array<File>) {
        return new Promise((resolve, reject) => {
           var formData: any = new FormData();
            var xhr = new XMLHttpRequest();

            for(var i = 0; i < files.length; i++) {
                formData.append("uploads[]", files[i], files[i].name);
            }

            xhr.open("POST", url, true);
            xhr.send(formData);
        });
    }

}

}

नोट:यह दुर्जेय का उपयोग कर रहा है न कि मल्टर का




  1. Redis
  2.   
  3. MongoDB
  4.   
  5. Memcached
  6.   
  7. HBase
  8.   
  9. CouchDB
  1. वस्तुओं के नेस्टेड सरणी से वस्तु को हटाना mongodb

  2. उल्का मोंगोडब के साथ रोबोमोंगो कनेक्शन

  3. त्रुटि:अपेक्षित वर्ग या वस्तु परिभाषा

  4. गो मोंगो डिस्टिंक्ट का उपयोग करके कई मान कैसे लौटाएं?

  5. नेवला के साथ अन्य संग्रह से रिकॉर्ड की संख्या आबाद करना