模版更新

This commit is contained in:
xiongxiaoyang 2021-05-16 09:49:35 +08:00
parent 9d2c453bb0
commit 4540c3781e
4 changed files with 145 additions and 48 deletions

View File

@ -142,29 +142,32 @@
<script src="/layui/layui.all.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/header.js" type="text/javascript"></script>
<script src="/javascript/user.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"> <script language="javascript" type="text/javascript">
function picChange() { function picChange() {
var file = $("#file0").val(); //文件名称 var file = $("#file0").val(); //文件名称
if (file != "") { if (file != "") {
$.ajaxFileUpload({ if(checkPicUpload($("#file0")[0])) {
url : "/file/upload", //用于文件上传的服务器端请求地址 $.ajaxFileUpload({
secureuri : false, //是否需要安全协议一般设置为false url: "/file/picUpload", //用于文件上传的服务器端请求地址
fileElementId : "file0", //文件上传域的ID secureuri: false, //是否需要安全协议一般设置为false
dataType : "json", //返回值类型 一般设置为json fileElementId: "file0", //文件上传域的ID
type : "post", dataType: "json", //返回值类型 一般设置为json
success : function(data) { //服务器成功响应处理函数 type: "post",
if (data.code == 200) { success: function (data) { //服务器成功响应处理函数
$("#picImage").attr("src", data.data); if (data.code == 200) {
$("#picUrl").val(data.data); $("#picImage").attr("src", data.data);
}else { $("#picUrl").val(data.data);
layer.alert('图片上传失败'); } else {
layer.alert(data.msg);
}
} }
} });
}
});
} else { } else {
alert("请选择上传文件!"); alert("请选择上传文件!");
} }

View File

@ -133,10 +133,12 @@
</body> </body>
<script src="/javascript/jquery-1.8.0.min.js" type="text/javascript"></script> <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="/layui/layui.all.js" type="text/javascript"></script>
<script src="/javascript/header.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/user.js" type="text/javascript"></script>
<script src="/javascript/date.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"> <script language="javascript" type="text/javascript">
search(1, 5); search(1, 5);
@ -162,7 +164,12 @@
" ["+(i+1)+"]\n" + " ["+(i+1)+"]\n" +
" </td>\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/>" + "<img width='50' height='70' src='"+book.picUrl+"'/><br/>" +
" "+book.bookName+"</td>\n" + " "+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> </script>
</html> </html>

View File

@ -96,45 +96,48 @@
var file = $("#file0").val(); //文件名称 var file = $("#file0").val(); //文件名称
if (file != "") { if (file != "") {
$.ajaxFileUpload({ if(checkPicUpload($("#file0")[0])) {
url : "/file/upload", //用于文件上传的服务器端请求地址
secureuri : false, //是否需要安全协议一般设置为false
fileElementId : "file0", //文件上传域的ID
dataType : "json", //返回值类型 一般设置为json
type : "post",
success : function(data) { //服务器成功响应处理函数
if (data.code == 200) {
$.ajax({ $.ajaxFileUpload({
type: "POST", url: "/file/picUpload", //用于文件上传的服务器端请求地址
url: "/user/updateUserInfo", secureuri: false, //是否需要安全协议一般设置为false
data: {'userPhoto':data.data}, fileElementId: "file0", //文件上传域的ID
dataType: "json", dataType: "json", //返回值类型 一般设置为json
success: function (data) { type: "post",
if (data.code == 200) { success: function (data) { //服务器成功响应处理函数
window.location.href = '/user/setup.html'; if (data.code == 200) {
} else if (data.code == 1001) { $.ajax({
//未登录 type: "POST",
location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href); url: "/user/updateUserInfo",
data: {'userPhoto': data.data},
dataType: "json",
success: function (data) {
if (data.code == 200) {
window.location.href = '/user/setup.html';
} else { } else if (data.code == 1001) {
layer.alert(data.msg); //未登录
location.href = '/user/login.html?originUrl=' + decodeURIComponent(location.href);
} else {
layer.alert(data.msg);
}
},
error: function () {
layer.alert('网络异常');
} }
})
}, } else {
error: function () { layer.alert(data.msg);
layer.alert('网络异常'); }
}
})
}else {
layer.alert('图片上传失败');
} }
} });
}
});
} else { } else {
alert("请选择上传文件!"); alert("请选择上传文件!");
} }

View File

@ -124,4 +124,36 @@ String.prototype.isNickName = function () {
function logout() { function logout() {
$.cookie('Authorization', null,{ path: '/' }); $.cookie('Authorization', null,{ path: '/' });
location.reload(); location.reload();
} }
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;
}