使用Ajax將文件上傳到Node.js

Question

我正在嘗試使用ajax將圖像上傳到nodejs服務器，但無法獲取文件。

客戶端

function sendFileToServer(file){
    var formData = new FormData();
    formData.append('profile_image',file,file.name);
    $.ajax({
        type: "POST",
        url: "URL",
        data: formData,
        dataType:'json',
        processData: false,
        success: function (data) {

            alert("Data Uploaded: "+data);
        },
        error : function(err){
            alert(JSON.stringify(err));
        }
    });
}
$("#profile_image_2").change(function(){
    var file = this.files[0];
    sendFileToServer(file);
});

服務器端

var multer  = require('multer');
var mime = require('mime-lib');
var storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, './public/upload/')
    },
    filename: function (req, file, cb) {
        console.log("filename exte "+file.mimetype);
        console.log(mime.extension(file.mimetype));
        cb(null, Date.now() + '.' + mime.extension(file.mimetype)[0]);
        //crypto.pseudoRandomBytes(16, function (err, raw) {
        //    cb(null, raw.toString('hex') + Date.now() + '.' + mime.extension(file.mimetype));
        //});
    }
});
var uploading = multer({ storage: storage });
router.post('/profile',uploading.single('profile_image') ,function(req,res){

    if (req.file){
        res.json("In here");

    }else{
        res.json("FILE DOES NOT EXIST");//ALWAYS ENDS UP HERE
    }

});

當我以裸露形式嘗試時，它可以正常工作，但不能使用Ajax。 請幫忙

Answer 1

嘗試使用jQuery Form Plugin 。 它將為您做到這一點。