欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery圖片拖動(dòng)組件Dropzone用法示例

 更新時(shí)間：2017年01月17日 08:50:56   作者：ISaiSai  
這篇文章主要介紹了jQuery圖片拖動(dòng)組件Dropzone用法,結(jié)合實(shí)例形式分析了圖片拖動(dòng)組件Dropzone的功能、安裝及具體使用方法,需要的朋友可以參考下

本文實(shí)例講述了jQuery圖片拖動(dòng)組件Dropzone用法。分享給大家供大家參考，具體如下：

dropzone 主要功能：支持拖動(dòng)圖片上傳，提供圖片預(yù)覽，等功能 參考地址：http://www.dropzonejs.com

1. 安裝 npm install dropzone ,會(huì)下載一個(gè)dropzone

2. dropzone文件夾dist 下有兩個(gè)文件一個(gè)dropzone.js 一個(gè)dropzone.css 將這兩個(gè)文件添加到頁(yè)面上

3. 初始化Dropzone ，demo代碼如下

<!DOCTYPE html>
<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>

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery切換特效與技巧總結(jié)》、《jQuery遍歷算法與技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論