1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta content="telephone=no" name="format-detection">
- <title>首页</title>
- <meta name="Keywords" content="" />
- <meta name="Description" content="" />
- <link href="css/global.css?v=c2d10d3b" rel="stylesheet"><link href="css/comment.css?v=c2d10d3b" rel="stylesheet"></head>
- <body>
- <header>海狸福利社</header>
- <section class="comment">
- <form action="/" method="POST">
- <h2>您参与活动所获得的奖品</h2>
- <section class="comment-imgs-box">
- <h5>试用产品图片(最多9张)</h5>
- <ul>
- <li><img src="images/8db3cefb.tmp5.jpg"><input type="hidden" name="imgs[]" value="images/tmp5.jpg"/><em class="close"></em></li>
- <li><img src="images/8db3cefb.tmp5.jpg"><input type="hidden" name="imgs[]" value="images/tmp5.jpg"/><em class="close"></em></li>
- <li><img src="images/8db3cefb.tmp5.jpg"><input type="hidden" name="imgs[]" value="images/tmp5.jpg"/><em class="close"></em></li>
- <li><img src="images/8db3cefb.tmp5.jpg"><input type="hidden" name="imgs[]" value="images/tmp5.jpg"/><em class="close"></em></li>
- <li class="fileselect" id="file-upload">
- <input type="file" name="file" id="file" accept="image/*">
- </li>
- </ul>
- </section>
- <section class="comment-text-box">
- <textarea placeholder="输入您的评价(200字内)"></textarea>
- </section>
- <section class="comment-button-box">
- <section class="button-wrapper">
- <input class="button" type="submit" name="" value="提交">
- </section>
- </section>
- </form>
- </section>
- <footer>
- <ul>
- <li class="active"><a href="#"><i class="icon"><img src="images/98981814.ico-home.png"></i><span>活动</span></a></li>
- <li><a href="#"><i class="icon"><img src="images/98981814.ico-home.png"></i><span>奖品</span></a></li>
- <li><a href="#"><i class="icon"><img src="images/98981814.ico-home.png"></i><span>招商</span></a></li>
- <li><a href="#"><i class="icon"><img src="images/98981814.ico-home.png"></i><span>分享</span></a></li>
- </ul>
- </footer>
- <script type="text/javascript" src="js/global.js?v=c2d10d3b"></script><script type="text/javascript" src="js/comment.js?v=c2d10d3b"></script></body>
- <script type="text/javascript">
- new brickjs.Upload('#file-upload', {
- url: '/?c=kindeditor&a=updateJson&dir=image',
- params: {
- },
- size: 2,
- limit: 3,
- autoUpload: true,
- uploadBtn: '.btn-upload',
- // tplContainer: '.container',
- //autoHide: false,
- onUploading: function() {
- console.log('onUploading:上传中...');
- },
- onSuccess: function(response, file) {
- if(response.url){
- $('.comment-imgs-box ul').prepend(`<li><img src="${response.url}"><input type="hidden" name="imgs[]" value="${response.url}"/><em class="close"></em></li>`)
- }
- },
- onFailure: function(msg, file) {
- console.log('onFailure:' + msg, file);
- },
- onComplete: function(msg, files) {
- if (files) { // 部分图片未上传成功
- console.log('onComplete:' + msg, files);
- } else {
- console.log('onComplete:' + msg);
- }
- },
- onDelete: function(file) {
- console.log('onDelete:', file);
- }
- });
- </script>
- </html>
|