update test

jnxyx · Sep 12, 2016 · ae3bc14 · ae3bc14
1 parent a253de8
commit ae3bc14
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 151 deletions.
diff --git a/example/diff01.html b/example/diff01.html
@@ -35,8 +35,6 @@
     id: 'uploadContainer',
     dragElement: getClass('upload-drop')[0],
     dragClass: 'drag',
-    uploadContainer: getId('uploadContainer'),
-    uploadTemp: '<a class="container" href="javascript:void(0)"><img src="{src}" /></a>',
     // size: '92kb',
     // ext: '.jpg',
     validateCallBack: function(info) {

diff --git a/example/normal01.html b/example/normal01.html
@@ -5,33 +5,6 @@
     <meta charset="utf-8">
     <title>myUpload</title>
     <style type="text/css">
-    a {
-        display: inline-block;
-        width: 100px;
-        height: 100px;
-        background: #f9cccc;
-        border-radius: 5px;
-        position: relative;
-        overflow: hidden;
-        cursor: pointer;
-        margin: 5px;
-    }
-
-    a:hover {
-        background: #f3d6d6;
-    }
-
-    a input[type="file"] {
-        position: absolute;
-        right: 0;
-        top: 0;
-        /*width: 99px;
-        height: 99px;*/
-        font-size: 99px;
-        opacity: 0;
-        outline: none;
-        filter: alpha(opacity=0);
-    }
 
     .upload-drop {
         width: 500px;
@@ -44,18 +17,11 @@
         background-color: #f3d6d6;
     }
 
-    a.container img {
-        width: 100%;
-        height: 100%;
-    }
     </style>
 </head>
 
 <body>
     <div>
-        <a href="javascript:void(0)">
-            <input type="file" id="myUpload" name="myUpload" value=''>
-        </a>
         <div id="uploadContainer">
             <!-- <a class="container" href=""><img src="http://my.com/upload/upload/20160729083006_106.png" />
             </a> -->
@@ -68,11 +34,9 @@
 <script type="text/javascript">
 var upload = Upload({
     url: '/upload/myUpload.php',
-    element: getId('myUpload'),
+    id: 'uploadContainer',
     dragElement: getClass('upload-drop')[0],
-    dragClass: 'drag',
-    uploadContainer: getId('uploadContainer'),
-    uploadTemp: '<a class="container" href="javascript:void(0)"><img src="{src}" /></a>'
+    dragClass: 'drag'
 });
 
 function getId(id) {

diff --git a/example/normal02.html b/example/normal02.html
@@ -5,33 +5,6 @@
     <meta charset="utf-8">
     <title>myUpload</title>
     <style type="text/css">
-    a {
-        display: inline-block;
-        width: 100px;
-        height: 100px;
-        background: #f9cccc;
-        border-radius: 5px;
-        position: relative;
-        overflow: hidden;
-        cursor: pointer;
-        margin: 5px;
-    }
-
-    a:hover {
-        background: #f3d6d6;
-    }
-
-    a input[type="file"] {
-        position: absolute;
-        right: 0;
-        top: 0;
-        /*width: 99px;
-        height: 99px;*/
-        font-size: 99px;
-        opacity: 0;
-        outline: none;
-        filter: alpha(opacity=0);
-    }
 
     .upload-drop {
         width: 500px;
@@ -44,18 +17,11 @@
         background-color: #f3d6d6;
     }
 
-    a.container img {
-        width: 100%;
-        height: 100%;
-    }
     </style>
 </head>
 
 <body>
     <div>
-        <a href="javascript:void(0)">
-            <input type="file" id="myUpload" name="myUpload" value=''>
-        </a>
         <div id="uploadContainer">
             <!-- <a class="container" href=""><img src="http://my.com/upload/upload/20160729083006_106.png" />
             </a> -->
@@ -68,11 +34,9 @@
 <script type="text/javascript">
 var upload = Upload({
     url: '/upload/myUpload.php',
-    element: getId('myUpload'),
+    id: 'uploadContainer',
     dragElement: getClass('upload-drop')[0],
     dragClass: 'drag',
-    uploadContainer: getId('uploadContainer'),
-    uploadTemp: '<a class="container" href="javascript:void(0)"><img src="{src}" /></a>',
     size: '92kb',
     ext: '.jpg,.png',
     validateCallBack: function(info) {

diff --git a/example/simple01.html b/example/simple01.html
@@ -5,33 +5,6 @@
     <meta charset="utf-8">
     <title>myUpload</title>
     <style type="text/css">
-    a {
-        display: inline-block;
-        width: 100px;
-        height: 100px;
-        background: #f9cccc;
-        border-radius: 5px;
-        position: relative;
-        overflow: hidden;
-        cursor: pointer;
-        margin: 5px;
-    }
-
-    a:hover {
-        background: #f3d6d6;
-    }
-
-    a input[type="file"] {
-        position: absolute;
-        right: 0;
-        top: 0;
-        /*width: 99px;
-        height: 99px;*/
-        font-size: 99px;
-        opacity: 0;
-        outline: none;
-        filter: alpha(opacity=0);
-    }
 
     .upload-drop {
         width: 500px;
@@ -44,18 +17,11 @@
         background-color: #f3d6d6;
     }
 
-    a.container img {
-        width: 100%;
-        height: 100%;
-    }
     </style>
 </head>
 
 <body>
     <div>
-        <a href="javascript:void(0)">
-            <input type="file" id="myUpload" name="myUpload" value=''>
-        </a>
         <div id="uploadContainer">
             <!-- <a class="container" href=""><img src="http://my.com/upload/upload/20160729083006_106.png" />
             </a> -->
@@ -66,9 +32,7 @@
 <script type="text/javascript">
 var upload = Upload({
     url: '/upload/myUpload.php',
-    element: getId('myUpload'),
-    uploadContainer: getId('uploadContainer'),
-    uploadTemp: '<a class="container" href="javascript:void(0)"><img src="{src}" /></a>'
+    id: 'uploadContainer'
 });
 
 function getId(id) {

diff --git a/example/simple02.html b/example/simple02.html
@@ -5,33 +5,6 @@
     <meta charset="utf-8">
     <title>myUpload</title>
     <style type="text/css">
-    a {
-        display: inline-block;
-        width: 100px;
-        height: 100px;
-        background: #f9cccc;
-        border-radius: 5px;
-        position: relative;
-        overflow: hidden;
-        cursor: pointer;
-        margin: 5px;
-    }
-
-    a:hover {
-        background: #f3d6d6;
-    }
-
-    a input[type="file"] {
-        position: absolute;
-        right: 0;
-        top: 0;
-        /*width: 99px;
-        height: 99px;*/
-        font-size: 99px;
-        opacity: 0;
-        outline: none;
-        filter: alpha(opacity=0);
-    }
 
     .upload-drop {
         width: 500px;
@@ -43,19 +16,12 @@
     .upload-drop.drag {
         background-color: #f3d6d6;
     }
-
-    a.container img {
-        width: 100%;
-        height: 100%;
-    }
+
     </style>
 </head>
 
 <body>
     <div>
-        <a href="javascript:void(0)">
-            <input type="file" id="myUpload" name="myUpload" value=''>
-        </a>
         <div id="uploadContainer">
             <!-- <a class="container" href=""><img src="http://my.com/upload/upload/20160729083006_106.png" />
             </a> -->
@@ -68,8 +34,7 @@
 <script type="text/javascript">
 var upload = Upload({
     url: '/upload/myUpload.php',
-    element: getId('myUpload'),
-    uploadContainer: getId('uploadContainer'),
+    id: 'uploadContainer',
     success: function(results) {
         if (results.data.length) {
             for (var i = 0; i < results.data.length; i++) {