顾乔芝士网

持续更新的前后端开发技术栈

前端开发-文件上传,如何使用XMLHttpRequest将文件发送到后台?

<script> { const fileInput = document.getElementById('fileInput') fileInput.accept = 'image/*' fileInput.onchange = () => { const file = fileInput.files[0] const formData = new FormData() const xhr = new XMLHttpRequest() formData.append('img', file) xhr.open('POST', 'http://localhost/upload.php', true) xhr.send(formData) xhr.onreadystatechange = () => { if (xhr.readyState !== 4) return if (xhr.status === 200) { const data = JSON.parse(xhr.responseText) const img = new Image() img.src = data.url document.body.appendChild(img) } else { alert('文件上传失败: ' + xhr.status) } } } } </script>
 'http://localhost/'.$img['name']]);
} else {
  echo json_encode(['err' => 'upload image error']);
}

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言