AJAX経由

Question

フロントエンドJSをバックエンドフロントエンドからの画像情報を投稿する方法：

 var newUser = { 
     'username': $('#addUser fieldset input#inputUserName').val(), 
     'email': $('#addUser fieldset input#inputUserEmail').val(), 
     'fullname': $('#addUser fieldset input#inputUserFullname').val(), 
     'age': $('#addUser fieldset input#inputUserAge').val(), 
     'sex': $('input:radio[name="sex"]:checked').val(), 
     'profileimage':$('input[name="profileimage"]').val() 
    } 
    console.log($('input[name="sex"]').val()); 
    // use AJAX to post object to adduser service 
    $.ajax({ 
     type: 'POST', 
     data: newUser, 
     url: '/users/adduser', 
     dataType: 'JSON' 
    }).done(function (response) {... 

バックエンドのjs（使用express.jsとmulter）

router.post('/adduser', upload.single('profileimage'), function (req, res) { 
var db = req.db; 
var collection = db.get('userlist'); 

var username = req.body.username; 
var email = req.body.email; 
var age = req.body.age; 
var sex = req.body.sex; 
var fullname = req.body.fullname; 

if (req.file) { 
    var profileimage = req.file.filename; 
} else { 
    var profileimage = 'noimage.jpg'; 
} 

collection.insert({ 
    "username": username, 
    "email": email, 
    "age": age, 
    "sex": sex, 
    "fullname": fullname, 
    "profileimage": profileimage 
}, function (err, result)... 

は、上記のコードはありますうまくいかない。 そして、私はmongoDBデータベースに画像情報を挿入する必要がありますし、それを表示することもできます。

Answer 1

私はあなたがFile ReaderをJavascriptで探していると信じています。 Hereは、ファイルのバイト配列とやりとりしてblobまたはバイト配列としてデータベースに送信するreadAsDataURLの使い方に関する優れたドキュメントです。

Answer 2

フォームデータはこれを行うのに役立ちますが、問題は解決しました。

 var newUser = new FormData(); 
    newUser.append('username', $('#addUser fieldset input#inputUserName').val()); 
    newUser.append('email', $('#addUser fieldset input#inputUserEmail').val()); 
    newUser.append('fullname', $('#addUser fieldset input#inputUserFullname').val()); 
    newUser.append('age', $('#addUser fieldset input#inputUserAge').val()); 
    newUser.append('sex', $('input:radio[name="sex"]:checked').val()); 
    newUser.append('profileimage', $('#uploadImage')[0].files[0]); 

    console.log($('input:radio[name="sex"]:checked').val()); 
    //console.log(newUser); 
    // use AJAX to post object to adduser service 
    $.ajax({ 
     type: 'POST', 
     data: newUser, 
     url: '/users/adduser', 
     dataType: 'JSON', 
     contentType: false, 
     processData: false 
    }).done(function (response) {