From 4540c3781e9bc1d47c388cb8b6058ed66e094586 Mon Sep 17 00:00:00 2001
From: xiongxiaoyang <773861846@qq.com>
Date: Sun, 16 May 2021 09:49:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E7=89=88=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/orange/html/author/book_add.html   | 33 +++++-----
 templates/orange/html/author/index.html      | 61 +++++++++++++++++-
 templates/orange/html/user/setup.html        | 65 ++++++++++----------
 templates/orange/static/javascript/common.js | 34 +++++++++-
 4 files changed, 145 insertions(+), 48 deletions(-)

diff --git a/templates/orange/html/author/book_add.html b/templates/orange/html/author/book_add.html
index 3985f37..a622e04 100644
--- a/templates/orange/html/author/book_add.html
+++ b/templates/orange/html/author/book_add.html
@@ -142,29 +142,32 @@
 <script src="/layui/layui.all.js" type="text/javascript"></script>
 <script src="/javascript/header.js" type="text/javascript"></script>
 <script src="/javascript/user.js" type="text/javascript"></script>
+<script src="/javascript/common.js" type="text/javascript"></script>
 <script language="javascript" type="text/javascript">
 
     function picChange() {
         var file = $("#file0").val(); //文件名称
         if (file != "") {
 
-            $.ajaxFileUpload({
-                url : "/file/upload", //用于文件上传的服务器端请求地址
-                secureuri : false, //是否需要安全协议，一般设置为false
-                fileElementId : "file0", //文件上传域的ID
-                dataType : "json", //返回值类型 一般设置为json
-                type : "post",
-                success : function(data) { //服务器成功响应处理函数
-                    if (data.code == 200) {
-                        $("#picImage").attr("src", data.data);
-                        $("#picUrl").val(data.data);
-                    }else {
-                        layer.alert('图片上传失败');
+            if(checkPicUpload($("#file0")[0])) {
+                $.ajaxFileUpload({
+                    url: "/file/picUpload", //用于文件上传的服务器端请求地址
+                    secureuri: false, //是否需要安全协议，一般设置为false
+                    fileElementId: "file0", //文件上传域的ID
+                    dataType: "json", //返回值类型 一般设置为json
+                    type: "post",
+                    success: function (data) { //服务器成功响应处理函数
+                        if (data.code == 200) {
+                            $("#picImage").attr("src", data.data);
+                            $("#picUrl").val(data.data);
+                        } else {
+                            layer.alert(data.msg);
+                        }
+
                     }
 
-                }
-
-            });
+                });
+            }
         } else {
             alert("请选择上传文件！");
         }
diff --git a/templates/orange/html/author/index.html b/templates/orange/html/author/index.html
index 4b44443..01960e9 100644
--- a/templates/orange/html/author/index.html
+++ b/templates/orange/html/author/index.html
@@ -133,10 +133,12 @@
 
 </body>
 <script src="/javascript/jquery-1.8.0.min.js" type="text/javascript"></script>
+<script src="/javascript/ajaxfileupload.js" type="text/javascript"></script>
 <script src="/layui/layui.all.js" type="text/javascript"></script>
 <script src="/javascript/header.js" type="text/javascript"></script>
 <script src="/javascript/user.js" type="text/javascript"></script>
 <script src="/javascript/date.js" type="text/javascript"></script>
+<script src="/javascript/common.js" type="text/javascript"></script>
 
 <script language="javascript" type="text/javascript">
     search(1, 5);
@@ -162,7 +164,12 @@
                                  "                                ["+(i+1)+"]\n" +
                                  "                            </td>\n" +*/
 
-                                "                            <td class=\"goread\">\n" +
+                                "                            <td style=\"position: relative\" class=\"goread\">\n" +
+                                "<input class=\"opacity\" onchange=\"picChange('"+book.id+"')\"\n" +
+                                "                                           type=\"file\" id=\"file0\" name=\"file\"\n" +
+                                "                                           title=\"点击上传图片\"\n" +
+                                "                                           style=\"z-index: 100;cursor: pointer;left: 30px; top: 0px; width: 60px; height: 80px; opacity: 0; position: absolute;  \"\n" +
+                                "                                    />" +
                                 "<img width='50' height='70' src='"+book.picUrl+"'/><br/>" +
                                 "                                "+book.bookName+"</td>\n" +
 
@@ -269,6 +276,58 @@
 
 
 
+    }
+
+
+    function picChange(bookId) {
+        var file = $("#file0").val(); //文件名称
+        if (file != "") {
+            if(checkPicUpload($("#file0")[0])) {
+
+                $.ajaxFileUpload({
+                    url: "/file/picUpload", //用于文件上传的服务器端请求地址
+                    secureuri: false, //是否需要安全协议，一般设置为false
+                    fileElementId: "file0", //文件上传域的ID
+                    dataType: "json", //返回值类型 一般设置为json
+                    type: "post",
+                    success: function (data) { //服务器成功响应处理函数
+                        if (data.code == 200) {
+                            $.ajax({
+                                type: "POST",
+                                url: "/author/updateBookPic",
+                                data: {'bookId': bookId, 'bookPic': data.data},
+                                dataType: "json",
+                                success: function (data) {
+                                    if (data.code == 200) {
+
+                                        location.reload();
+
+                                    } else {
+                                        lock = false;
+                                        layer.alert(data.msg);
+                                    }
+
+                                },
+                                error: function () {
+                                    lock = false;
+                                    layer.alert('网络异常');
+                                }
+                            })
+
+                        } else {
+                            layer.alert(data.msg);
+                        }
+
+                    }
+
+                });
+            }
+        } else {
+            alert("请选择上传文件！");
+        }
+
+
+
     }
 </script>
 </html>
diff --git a/templates/orange/html/user/setup.html b/templates/orange/html/user/setup.html
index 38c5af1..0a94c66 100644
--- a/templates/orange/html/user/setup.html
+++ b/templates/orange/html/user/setup.html
@@ -96,45 +96,48 @@
         var file = $("#file0").val(); //文件名称
         if (file != "") {
 
-            $.ajaxFileUpload({
-                url : "/file/upload", //用于文件上传的服务器端请求地址
-                secureuri : false, //是否需要安全协议，一般设置为false
-                fileElementId : "file0", //文件上传域的ID
-                dataType : "json", //返回值类型 一般设置为json
-                type : "post",
-                success : function(data) { //服务器成功响应处理函数
-                    if (data.code == 200) {
+            if(checkPicUpload($("#file0")[0])) {
 
-                        $.ajax({
-                            type: "POST",
-                            url: "/user/updateUserInfo",
-                            data: {'userPhoto':data.data},
-                            dataType: "json",
-                            success: function (data) {
-                                if (data.code == 200) {
-                                    window.location.href = '/user/setup.html';
+                $.ajaxFileUpload({
+                    url: "/file/picUpload", //用于文件上传的服务器端请求地址
+                    secureuri: false, //是否需要安全协议，一般设置为false
+                    fileElementId: "file0", //文件上传域的ID
+                    dataType: "json", //返回值类型 一般设置为json
+                    type: "post",
+                    success: function (data) { //服务器成功响应处理函数
+                        if (data.code == 200) {
 
-                                } else if (data.code == 1001) {
-                                    //未登录
-                                    location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
+                            $.ajax({
+                                type: "POST",
+                                url: "/user/updateUserInfo",
+                                data: {'userPhoto': data.data},
+                                dataType: "json",
+                                success: function (data) {
+                                    if (data.code == 200) {
+                                        window.location.href = '/user/setup.html';
 
-                                } else {
-                                    layer.alert(data.msg);
+                                    } else if (data.code == 1001) {
+                                        //未登录
+                                        location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
+
+                                    } else {
+                                        layer.alert(data.msg);
+                                    }
+
+                                },
+                                error: function () {
+                                    layer.alert('网络异常');
                                 }
+                            })
 
-                            },
-                            error: function () {
-                                layer.alert('网络异常');
-                            }
-                        })
+                        } else {
+                            layer.alert(data.msg);
+                        }
 
-                    }else {
-                        layer.alert('图片上传失败');
                     }
 
-                }
-
-            });
+                });
+            }
         } else {
             alert("请选择上传文件！");
         }
diff --git a/templates/orange/static/javascript/common.js b/templates/orange/static/javascript/common.js
index e844637..e3fa1c8 100644
--- a/templates/orange/static/javascript/common.js
+++ b/templates/orange/static/javascript/common.js
@@ -124,4 +124,36 @@ String.prototype.isNickName = function () {
 function logout() {
     $.cookie('Authorization', null,{ path: '/'  });
     location.reload();
-}
\ No newline at end of file
+}
+
+
+function isImg(str) {
+    return !str.search("[.]+(jpg|jpeg|swf|gif|png|JPG|JPEG|SWF|GIF|PNG)$");
+}
+
+
+//校验图片上传
+function checkPicUpload(file){
+
+    if(!isImg(file.value.substr(file.value.lastIndexOf(".")))){
+        layer.alert('只能上传图片格式的文件！');
+        return false;
+    }
+    var fileSize = 0;
+    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
+    if (isIE && !file.files) {
+        var filePath = file.value;
+        var fileSystem = new ActiveXObject("Scripting.FileSystemfileect");
+        var file = fileSystem.GetFile (filePath);
+        fileSize = file.Size;
+    }else {
+        fileSize = file.files[0].size;
+    }
+    fileSize=Math.round(fileSize/1024*100)/100; //单位为KB
+    if(fileSize>=1024){
+        layer.alert('上传的图片大小不能超过1M！');
+        return false;
+    }
+    return true;
+}
+