using vanila javascript ajax and django1.11.17 , i wanna upload image with other data, and how to handle it in django.
using vanila javascript ajax and django1.11.17 , i wanna upload image with other data, and how to handle it in django.
var name=document.querySelector('#name').value;
var lname=document.querySelector('#lname').value;
var email=document.querySelector('#email').value;
var password=document.querySelector('#password').value
var CSRF=document.querySelectorAll('input')[5].value
var file=document.querySelector('#file')
var res=document.querySelector('.res')
var formdata = new FormData();
formdata.append('image',file.files[0]);
xhttp= new XMLHttpRequest();
xhttp.open('POST',"",true);
xhttp.setRequestHeader("X-CSRFToken",pass);
xhttp.setRequestHeader("content-type",'application/multipart/form-data');
xhttp.onload=function(){
if(this.status == 200){
res.innerText=this.responseText
}else{
res.innerText='error'
}
}
var data = {fn:name,ln:lname,em:email,pw:password,img:formdata}
xhttp.send(JSON.stringify(data))