asp.net webuploader粘贴，拖拽，点击上传图片

最新推荐文章于 2022-03-01 14:00:03 发布

dingqing9088

最新推荐文章于 2022-03-01 14:00:03 发布

阅读量350

点赞数

原文链接：http://www.cnblogs.com/ft-Pavilion/p/5377407.html

版权

demo.html代码：
<!DOCTYPE html>
<html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>演示 - Web Uploader</title> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>     <![endif]--> <link rel="stylesheet" type="text/css" href="/webuploader/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/webuploader/css/bootstrap-theme.min.css"> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="/webuploader/css/webuploader.css"> <link rel="stylesheet" type="text/css" href="/webuploader/css/demo.css"> </head> <body> <div id="wrapper"> <div class="page-body"> <div id="post-container" class="container"> <div class="page-container"> <h1 id="demo">Demo</h1> <p>您可以尝试文件拖拽，使用QQ截屏工具，然后激活窗口后粘贴，或者点击添加图片按钮，来体验此demo.</p> <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>