1

application/user/view/certification/enterprise.html

@@ -31,8 +31,8 @@
     }
     div.images{
         width: 180px;
-        height: 140px;
-        border: 1px #aaa solid;
+        /*height: 140px;*/
+        /*border: 1px #aaa solid;*/
     }
     td.address input{
         width: 60px;
@@ -97,7 +97,10 @@
                 <tr class="picture">
                     <td class="td_info"><div style="margin-top: -70px;">营业执照</div></td>
                     <td class="td_user_info user_info images">
-                        <div class="images"><input type="file" name="images" /></div>
+                        <div class="images">
+                            <input type="file" id="file" name="images"/>
+                            <img id="onFile" src="" style="width: 180px;">
+                        </div>
                         <div style="width:180px;height: 20px;margin-top: 30px;margin-left:20px;text-align: center;font-size: 10px;color: #AAA;text-align: left;">
                                 <div>仅支持JPG.PNG格式，且小于2M</div>
                                 <div>请上传清晰，端正，文字内容可确认图片，否则可能审核失败</div>
@@ -120,10 +123,10 @@
                     <td class="td_info">开户银行账号</td>
                     <td class="td_user_info user_info"><input type="text" name="debit_card" required="required" placeholder="请输入借记卡卡号" value="{$userinfo['userInfo_debit_card']}"></td>
                 </tr>
-                <tr>
-                    <td class="td_info"></td>
-                    <td class="td_user_info"><input type="checkbox" name="ch_box" id="ch_box" onclick="c_box()" /><span>同意 <a href="shenming.html" target="_blank"> 真实性声明</a></span></td>
-                </tr>
+                <!--<tr>-->
+                    <!--<td class="td_info"></td>-->
+                    <!--<td class="td_user_info"><input type="checkbox" name="ch_box" id="ch_box" onclick="c_box()" /><span>同意 <a href="shenming.html" target="_blank"> 真实性声明</a></span></td>-->
+                <!--</tr>-->
                 <tr>
                     <td class="td_info"></td>
                     <td class="td_user_info user_info">
@@ -202,6 +205,33 @@
 
 </script>
 <script type="text/javascript">
+    $(function() {
+        $("#file").change(function (e) {
+            var img = e.target;
+            uploadImgFront(img)
+        });
+
+        function uploadImgFront(tag) {
+            var file = tag.files[0];
+            var imgSrc;
+            if (!/image\/\w+/.test(file.type)) {
+                alert("您选择的图片格式错误");
+                let fileIput = $("#file").val("");
+                //fileIput.after(fileIput.clone().val(""));
+                $("#onFile").attr("src", '/static/user/images/header.png');
+                //fileIput.remove();
+                return false;
+            }
+            var reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = function () {
+                imgSrc = this.result;
+                $("#onFile").attr("src", imgSrc);
+            };
+        }
+    })
+
+
     layui.use('laydate', function(){
         var laydate = layui.laydate;
 

application/user/view/certification/personal.html

@@ -27,11 +27,11 @@
         line-height:30px ;
     }
     .picture td{
-        height: 180px;
+        /*height: 180px;*/
      }
     .images{
         width: 200px;
-        height: 150px;
+        /*height: 150px;*/
         border: 1px #aaa solid;
     }
 </style>
@@ -39,7 +39,7 @@
     <form method="post" enctype="multipart/form-data">
         <div class="information">
             <div style="color:dodgerblue;">请务必保证您填写的信息准确无误，否则有可能造成认证失败</div>
-            <div style="margin-top: 10px;font-size: 11px;">当前内容适用大陆客户，若您非大陆用户，请点击 <a href="">非大陆客户</a></div>
+            <!--<div style="margin-top: 10px;font-size: 11px;">当前内容适用大陆客户，若您非大陆用户，请点击 <a href="">非大陆客户</a></div>-->
         </div>
         <div class="info">
             <table>
@@ -66,23 +66,29 @@
                 <tr class="picture">
                     <td class="td_info"><div style="margin-top: -90px;">证件上传</div></td>
                     <td class="td_user_info user_info">
-                        <div class="images"><input type="file" name="img_front" /></div>
+                        <input type="file" id="img_front" name="img_front" style="border: none;"/>
+                        <div class="images">
+                            <img id="onFileFront" src="" style="width: 180px;">
+                        </div>
                         <div style="width:180px;height: 20px;margin-top: -20px;text-align: center;font-size: 10px;color: #AAA;">证件正面</div>
                     </td>
                     <td class="td_user_info">
-                        <div class="images"><input type="file" name="img_back"></div>
+                        <input type="file" id="img_back" name="img_back">
+                        <div class="images">
+                            <img id="onFileBack" src="" style="width: 180px;">
+                        </div>
                         <div style="width:180px;height: 20px;margin-top: -20px;text-align: center;font-size: 10px;color: #AAA;">证件反面</div>
                     </td>
                 </tr>
-                <tr>
-                    <td class="td_info"></td>
-                    <td class="td_user_info"><input type="checkbox" name="ch_box" id="ch_box" onclick="c_box()" /><span>同意 <a href="shenming.html" target="_blank"> 真实性声明</a></span></td>
-                    <td class="td_user_info"></td>
-                </tr>
-                <tr>
+                <!--<tr>-->
+                    <!--<td class="td_info"></td>-->
+                    <!--<td class="td_user_info"><input type="checkbox" name="ch_box" id="ch_box" onclick="c_box()" /><span>同意 <a href="shenming.html" target="_blank"> 真实性声明</a></span></td>-->
+                    <!--<td class="td_user_info"></td>-->
+                <!--</tr>-->
+                <tr style="height: 120px;">
                     <td class="td_info"></td>
                     <td class="td_user_info user_info">
-                        <input type="submit" value="确认" style="width: 70px;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="button" id="cancel" value="取消" style="width: 70px;">
+                        <input type="submit" value="确认" style="width: 70px;cursor:pointer;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="button" id="cancel" value="取消" style="width: 70px;cursor:pointer;">
                     </td>
                     <td class="td_user_info"></td>
                 </tr>
@@ -112,5 +118,55 @@
             }
         })
     });
+
+    $(function() {
+        $("#img_front").change(function(e) {
+            var imgfront = e.target;
+            uploadImgFront(imgfront)
+        });
+
+        $("#img_back").change(function(e) {
+            var imgback = e.target;
+            uploadImgBack(imgback)
+        });
+
+        function uploadImgFront(tag) {
+            var file = tag.files[0];
+            var imgSrc;
+            if (!/image\/\w+/.test(file.type)) {
+                alert("您选择的图片格式错误");
+                let fileIput = $("#img_front").val("");
+                //fileIput.after(fileIput.clone().val(""));
+                $("#onFileFront").attr("src", '/static/user/images/header.png');
+                //fileIput.remove();
+                return false;
+            }
+            var reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = function() {
+                imgSrc = this.result;
+                $("#onFileFront").attr("src", imgSrc);
+            };
+        }
+
+        function uploadImgBack(tag) {
+            var file = tag.files[0];
+            var imgSrc;
+            if (!/image\/\w+/.test(file.type)) {
+                alert("您选择的图片格式错误");
+                let fileIput = $("#img_back").val("");
+                //fileIput.after(fileIput.clone().val(""));
+                $("#onFileBack").attr("src", '/static/user/images/header.png');
+                //fileIput.remove();
+                return false;
+            }
+            var reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = function() {
+                imgSrc = this.result;
+                $("#onFileBack").attr("src", imgSrc);
+            };
+        }
+    })
 </script>
 {/block}