今天遇到一个需求:通过xhr发送图片,并获取请求的返回值,需要用到FormData对象,具体的实现代码如下:
var xhr = new XMLHttpRequest(),//新建一个xhr对象
input=document.getElementById("input"),//获取监听文件上传的input节点
formData = new FormData();//新建FormData对象
formData.append('img',input.files[0]);//将input图片信息传入表单
xhr.open('POST', 'http://10.189.1.58:3000/upload');
xhr.send(formData);//发送表单数据
xhr.onreadystatechange = () => {//在这里指定上传成功的回调函数,接受返回值
if (xhr.readyState == 4 && xhr.status == 200) {
let res = xhr.responseText;
console.log(res)
}
}; //指定回调函数
11-29补充:
新需求:实现粘贴发送:
<