Как я могу обновить форму с изображением вложения, используя ajax?

Я использую форму с 5 типами текста ввода в качестве имени nm, gd, pn, al, np и файла ввода image ‘image’ в качестве файла имени.
Я использую этот код, но он не работает, я не знаю, в чем проблема!
любая помощь, пожалуйста ..
заранее спасибо!

  <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
<button type="button" onclick="updatedata('<?php echo $row['cin']; ?>')" class="btn btn-primary">Enregistrer</button>
</div>

function updatedata(str){

var id = str;
var m_data = new FormData();
m_data.append( 'nm', $('input[name=nm]'+str).val());
m_data.append( 'gd', $('input[name=gd]'+str).val());
m_data.append( 'pn', $('input[name=pn]'+str).val());
m_data.append( 'al', $('input[name=al]'+str).val());
m_data.append( 'np', $('input[name=np]'+str).val());
m_data.append( 'file', $('input[name=file]')[0].files[0]);
$.ajax({
type: "POST",
url: "updatedata.php?id="+id,
data: m_data

})
}