细节调整

Signed-off-by: Devin <[email protected]>

Author: devin87

Q.Uploader.image.all.js

@@ -1114,7 +1114,7 @@
 /*
 * Q.Uploader.Image.js 图片上传管理器界面
 * author:[email protected]  
-* update:2016/04/22 15:37
+* update:2016/04/22 16:07
 */
 (function (window, undefined) {
     "use strict";

demo/custom-image.html

@@ -15,7 +15,7 @@
             <div>
                 <a id="upload-target" class="x-button">添加图片并上传</a>
             </div>
-            <div id="upload-view"></div>
+            <div id="upload-image-view" class="clearfix"></div>
             <div id="log"></div>
         </div>
     </div>
@@ -33,7 +33,7 @@
 
         var Uploader = Q.Uploader,
             formatSize = Q.formatSize,
-            boxView = document.getElementById("upload-view");
+            boxView = document.getElementById("upload-image-view");
 
         var uploader = new Uploader({
             url: UPLOAD_URL,
@@ -60,7 +60,7 @@
                 preview: function (data) {
                     log(data.task.name + " : " + data.src);
                 },
-                //图片压缩后触发
+                //图片压缩后触发,如果图片或浏览器不支持压缩,则不触发
                 scale: function (data) {
                     log(data.task.name + " : 已压缩！");
                 }

demo/demo.css

@@ -6,6 +6,9 @@ li { list-style: none; }
 img { border: none; }
 a { text-decoration: none; }
 
+.clearfix:after { content: ''; clear: both; display: table; }
+.clearfix { zoom: 1; }
+
 .header { height: 60px; line-height: 60px; font-size: 16px; text-align: center; border-bottom: 1px solid #ccc; }
 .main { overflow: hidden; }
 
@@ -23,7 +26,7 @@ a { text-decoration: none; }
 #upload-target { margin-bottom: 15px; }
 #upload-view { min-height: 200px; _height: 200px; background: #fff; border: 1px solid green; }
 
-#log { margin: 10px 0; white-space: nowrap; }
+#log { margin: 10px 0; white-space: nowrap; clear: both; }
 
 .scroll-view { overflow: auto; height: 300px; }
 .h100 { height: 100px; }

dist/Q.Uploader.image.all.js

@@ -2,7 +2,7 @@
 /*
 * Q.Uploader.Image.js 图片上传管理器界面
 * author:[email protected]  
-* update:2016/04/22 15:37
+* update:2016/04/22 16:07
 */
 (function (window, undefined) {
     "use strict";