---
layout: post
title: 演示
navName: Demo
group: 'nav'
weight : 4
hideTitle: true
noToc: true
commentIssueId: 81
styles:
  - /css/webuploader.css
  - /css/demo.css
scripts:
  - /js/webuploader.js
  - /js/demo.js
---
# Demo

您可以尝试文件拖拽，使用QQ截屏工具，然后激活窗口后粘贴，或者点击添加图片按钮，来体验此demo.

<div id="uploader" class="wu-example">
    <div class="queueList">
        <div id="dndArea" class="placeholder">
            <div id="filePicker"></div>
            <p>或将照片拖到这里，单次最多可选300张</p>
        </div>
    </div>
    <div class="statusBar" style="display:none;">
        <div class="progress">
            <span class="text">0%</span>
            <span class="percentage"></span>
        </div><div class="info"></div>
        <div class="btns">
            <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
        </div>
    </div>
</div>