嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 2 元微信扫码支付：2 元
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
文件拖入浏览器内，自动上传文件
html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="html5" />
<meta name="description" content="Hello" />
<title>实现文件拖拽上传</title>
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://www.helloweba.com/demo/css/demo.css">
<link rel="stylesheet" href="dropzone.css">
<style>
</style>
</head>
<body>
<div class="container">
<header>
<div class="row">
<div class="col-md-9 text-right"></div>
</div>
</header>
<div class="row main" style="min-height:500px">
<div class="col-md-12">
<h2 class="top_title"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span><a href="#">实现文件拖拽上传</a></h2>
<div class="row" style="margin-top:30px;">
<div class="col-md-6 col-xs-12 col-md-offset-3">
<!--<form id="mydropzone" action="/target" class="dropzone"></form>-->
<div id="mydropzone" class="dropzone"></div>
</div>
</div>
</div>
</div>
<footer>
</footer>
</div>
<script src="dropzone.min.js"></script>
<script>
var myDropzone = new Dropzone("div#mydropzone", {
url: "upload.php",
paramName: "file",
maxFilesize: 0.5, // MB
maxFiles: 5,
acceptedFiles: ".jpg,.png,.gif"
});
</script>
</body>
</html>