这篇文章主要教大家如何简单实现ajax拖拽上传文件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
AJAX拖拽上传功能实现，供大家参考，具体内容如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.box {
width: 300px;
height: 300px;
border: 1px solid #000;
text-align: center;
line-height: 300px;
font-size: 40px;
}
</style>
</head>
<body>
<p class="box">+</p>
<script>
var box = document.querySelector('.box');
box.ondragover = function (e) {
e.preventDefault();
}
box.ondrop = function (e) {
console.log(e.dataTransfer)
e.preventDefault();
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText)
}
}
xhr.open('POST', './server.php', true);
var formdata = new FormData();
formdata.append('pic', e.dataTransfer.files[0]);
formdata.append('name', 'luyao');
xhr.send(formdata);
}
</script>
</body>
</html>//server.php
<?php $rand = rand(1,1000).'.jpg'; move_uploaded_file($_FILES['pic']['tmp_name'], './uploads/'.$rand); echo '/uploads/'.$rand;
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
Atas ialah kandungan terperinci 实现ajax拖拽上传文件（附有代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Aksara bercelaru bermula dengan ^quxjg$c
tutorial ajax
Bagaimana untuk membuka fail img
Anda memerlukan kebenaran daripada pentadbir untuk membuat perubahan pada fail ini
Apakah format doc?
Penyelesaian kod kacau Cina Ajax
Apa yang perlu dilakukan jika ajax menghantar aksara Cina yang kacau
Apakah itu fail TmP
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
