Dropzone 图片拖动 组件DEMO

dropzone 主要功能:支持拖动图片上传,提供图片预览,等功能 参考地址:http://www.dropzonejs.com

1.安装 npm install dropzone ,会下载一个dropzone
2.dropzone文件夹dist 下有两个文件一个dropzone.js 一个dropzone.css 将这两个文件添加到页面上
3.初始化Dropzone ,demo代码如下


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title>
    <script src="jquery.min.js">script>
    <script src="dropzone.min.js">script>
    <link rel="stylesheet" href="dropzone.css">
head>
<body>
<div id="dropz" class="dropzone">div>
<script>
    $(function () {
        $("#dropz").dropzone({
            url: "fileUpload.htm",
            maxFiles: 10,
            maxFilesize: 512,
            acceptedFiles: ".jpg"
        });
    })
script>
body>
html>

你可能感兴趣的:(javascript)