Recently written pages (image editing)

<%@ page contenttype= "Text/html;charset=utf-8" language= "java"%>
<%@ taglib uri= "Http://java.sun.com/jsp/jstl/core" prefix= "C"%>
<%@ taglib uri= "http://java.sun.com/jsp/jstl/functions" prefix= "FN"%>
<title> Modify Brand </title>
<meta http-equiv= "x-ua-compatible" content= "Ie=edge"/>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<meta name= "apple-mobile-web-app-capable" content= "yes"/>
<c:set var= "BasePath" value= "${pagecontext.request.scheme}${"://'}${pagecontext.request.servername}${': '}${ Pagecontext.request.serverport}${pagecontext.request.contextpath} "></c:set>
<script type= "Text/javascript" src= "Http://i0.ulechina.com/j/lib/jquery.js" ></script>
<script type= "Text/javascript" src= "Http://i0.ule.com/j/jend/jend.js" ></script>
<script type= "Text/javascript" src= "${basepath}/js/item/jslib/ajaxfileupload.js" ></script>
<script type= "Text/javascript" src= "${basepath}/js/jquery.uploadify.js" ></script>
<script type= "Text/javascript" >
$ (function () {
if (document.getElementById ("divimg"). getElementsByTagName (
"img"). Length > 0) {
$ ("#uploadImg"). attr ("style", "display:inline-block;margin-top:10px")
} else {
$ ("#uploadImg"). attr ("style", "display:inline-block;margin-top:113px")
}
$ ("#uploadPic_input"). Click (function () {
if ($ ("#brandLogoImage"). attr ("src") = = "") {
JEND.page.dialog.show ({
Title: ' Upload brand image ',
ID: ' Uploadbranddiv ',
width:600,
height:500
});
} else {
Jend.load (' Util.dialog ', function () {
JEND.util.dialog.alert (' trademark already exists ');
})
}
});
$ ("#uploadImg"). Click (function () {
JEND.page.dialog.show ({
Title: ' Upload brand image ',
ID: ' UploadBrandDiv1 ',
width:600,
height:500
});
});
});
Upload a single photo
function Ajaxfileupload () {
var ofile = document.getElementById (' filetoupload ');
if (!ofile.value = = "") {
$.ajaxfileupload ({
URL: ' ${basepath}/uploadimgjquery?method=brandimg ',
Secureuri:false,
Fileelementid: ' Filetoupload ',
DataType: ' JSON ',
Success:function (data) {
if (Data.returncode = = "0000") {
Jend.load (' Util.dialog ', function () {
JEND.util.dialog.alert (' Picture uploaded successfully! ‘);
});
$ ("#brandLogo"). Val (Data.imgurl);
$ ("#brandLogoImage"). attr ("src", data.imgurl);
$ ("#logo")
. Append (
' ');
JEND.page.closeDialog ();
} else {
JEND.util.dialog.alert ("image upload failed");

$ ("#brandLogoImage"). attr ("src", "")
}
},
Error:function (data, status, E) {
JEND.util.dialog.alert ("Upload file failed! ");
}
})
return false;
}else{
JEND.util.dialog.alert ("No pictures selected");
}

return false;
}
Upload more than one image
function AjaxFileUpload1 () {
var ofile = document.getElementById (' FileToUpload1 ');
if (!ofile.value = = "") {
$.ajaxfileupload ({
URL: ' ${basepath}/uploadimgjquery?method=brandimg ',
Secureuri:false,
Fileelementid: ' FileToUpload1 ',
DataType: ' JSON ',
Success:function (data) {
if (Data.returncode = = "0000") {
JEND.page.alert ("Picture uploaded successfully!") ");
$ ("#brandRegCer")
. Append (
" ");
$ ("#brandRegCer")
. Append (
' $ ("#uploadImg"). attr ("style", "display:inline-block;margin-top:10px")
JEND.page.closeDialog ();
} else {
JEND.page.alert ("Picture upload failed, the reason for failure is" + data.returnmessage);
$ ("#brandLogoImage"). attr ("src", "")
}
},
Error:function (data, status, E) {
JEND.util.dialog.alert ("Upload file failed! ");
}
})
return false;
}else{
JEND.util.dialog.alert ("No pictures selected");
}
return false;
}
function Saveclick () {
var list = $ (". Cerurls");
var strsrc = "";
var num
for (var i = 0; i < list.length; i++) {
num = List[i];
STRSRC + = ("|*|" + $ (num). attr ("src"))
}
STRSRC = Strsrc.substr (3, Strsrc.length)

$ (' #brandRegCerUrl '). Val (STRSRC);
Updatebrandform.submit ();
}

function Returnclick () {
Window.location.href = "${basepath}/brand/querybrandall.action";
}

function Removeimage (obj) {
if ($ (obj). attr (' id ') = = "Removelogo") {
$ (obj). Prev (). attr (' src ', ');
$ ("#brandLogo"). Val ("");
$ (obj). Remove ();
} else {
$ ("#uploadImg"). attr ("style",
"display:inline-block;margin-top:10px")
$ (obj). Prev (). remove ();
$ (obj). Remove ();
if ($ ("#divimg img"). Length > 0) {
$ ("#uploadImg"). attr ("style",
"display:inline-block;margin-top:10px")
} else {
$ ("#uploadImg"). attr ("style",
"Display:inline-block;margin-top:113px")
}

}
}
</script>
<body>
<div id= "base" class= "" >
<div id= "U50" class= "text" >
<p>
<span style= "color: #0066CC;" > &nbsp;&nbsp;<a href= "#" > Backend Management system </a>&gt</span>
<span style= "color: #333333;" > <a href= "${basepath}/brand/showbrandmanage.action" class= "score-0" > Brand management </a></span>
<span style= "color: #333333;" >&gt;</span>
<span style= "color: #333333;" > Modify Brand </span>
</p>
</div>
<form action= "${basepath}/brand/updatesavebrand.action"
Name= "Updatebrandform" id= "Updatebrandform" method= "POST" >
<input type= "hidden" name= "Brandid" id= "Brandid"
Value= "${branddto.brandid}"/> <input type= "hidden"
Name= "Brandregcerurl" id= "Brandregcerurl" value= ""/> <input
Id= "Brandlogo" name= "Brandlogo" type= "hidden"
Value= "${branddto.brandlogo}"/>
<table id= "u0" border= "1px" bordercolor= ">
<tr>
&LT;TD width= "16%" >
<div id= "U2" >
<p>
<span
style= "font-family: ' Arial negreta ', ' Arial '; font-weight:700; Color: #FF0000; " >&nbsp;</span><span
style= "font-family: ' Arial negreta ', ' Arial '; font-weight:700; Color: #FF0000; " >*</span><span
style= "font-family: ' Arial Normal ', ' Arial '; font-weight:400; Color: #333333; " > Brand name:</span>
</p>
</div>
</td>
<td>
<div>
<input id= "brandname" name= "brandname" type= "text"
Disabled= "true" Value= "${branddto.brandname}"/>
</div>
</td>
</tr>
<tr>
<td>
<div id= "U6" class= "text" >
<p>
<span
style= "font-family: ' Arial Normal ', ' Arial '; font-weight:400; Color: #333333; " >&nbsp;&nbsp; Brand English name:</span>
</p>
</div>
</td>
<td>
<div id= "u26" class= "Ax_text_field" >
<input id= "Brandnameen" name= "Brandnameen" type= "text"
Value= "${branddto.brandnameen}" onkeyup= "Value=value.replace (/[^\w\.\/]/ig, ')"/>
</div>
</td>
</tr>
<tr>
<td>
<div id= "U2" class= "Text" >
<p>
<span
style= "font-family: ' Arial negreta ', ' Arial '; font-weight:700; Color: #FF0000; " >&nbsp;</span><span
style= "font-family: ' Arial negreta ', ' Arial '; font-weight:700; Color: #FF0000; " >*</span><span
style= "font-family: ' Arial Normal ', ' Arial '; font-weight:400; Color: #333333; " > Brand Pinyin:</span>
</p>
</div>
</td>
<td>
<div>
<input id= "Brandnamepinyin" name= "Brandnamepinyin" type= "text"
Value= "${branddto.brandnamepinyin}" onkeyup= "Value=value.replace (/[^\w\.\/]/ig, ')"/>
</div>
</td>
</tr>
<tr style= "height:100px;" >
<td>
<div id= "U10" class= "text" >
<p>
<span></span><span>&nbsp; Brand Logo:</span>
</p>
</div>
</td>
&LT;TD valign= "Bottom" align= "left" >

<div class= "logo" id= "logo" align= "left" style= "Display:inline" >
Style= "width:100px; height:100px; "/>
<c:if test= "${not Empty Branddto.brandlogo}" >
Id= "Removelogo"
Src= "${basepath}/images/item/cancel.png"
Onclick= "Removeimage (this);"/>
</c:if>
</div>
<div style= "Display:inline" >
<span> <input id= "uploadpic_input" type= "button"
value= "Select Picture"/> <span style= "color: #333333;" > Brand logo must be consistent with the trademark registration and graphic information </span><span
style= "COLOR: #333333;" >,</span><span style= "color: #333333;" > Format </span><span
style= "COLOR: #FF0000;" >jpg</span><span style= "color: #333333;" >,</span><span
style= "COLOR: #333333;" > image size not exceeding </span><span
style= "COLOR: #FF0000;" >100k</span><span style= "color: #333333;" >. </span></span>
</div>
</td>
</tr>

<tr style= "height:150px;" >
&LT;TD class= "w120 fw7 tar pr10" >&nbsp; Trademark registration certificate:</td>
<td class= "Tal pl10" >
<div id= "Divimg" >
<c:foreach var= "url" items= "${brandregcerurls}" >
<div id= "Brandregcer" class= "logo" align= "left"
style= "Display:inline" >
Style= ' Display:inline-block; width:100px; height:100px; Display:inline '/>
Src= "${basepath}/images/item/cancel.png"
Style= "Display:inline" onclick= "removeimage (this);"/>
</div>
</c:forEach>
<div id= "Brandregcer" class= "logo" align= "left" ></div>
</div> <input type= "button" value= "Select Picture" Name= "uploadimg" id= "uploadimg"
margin-top= "113PX"
Style= "Display:inline-block; margin-top:113px "/> <span
Style= "Color:brown; padding:10px 0 10px 0; Font-weight:normal; Font-size:12px "> Forward positioning, clear, stamped red seal,
File format requirements are JPG, GIF, PNG, BMP, one of the size, please limit within 1M. </span>
</td>
</tr>

<tr>
<td>
<div>
<p>
<span>&nbsp;</span><span> Sort:</span>
</p>
</div>
</td>
<td><input id= "Displayseq" name= "Displayseq" type= "text"
Value= "${branddto.displayseq}"
Onkeyup= "This.value=this.value.replace (/\d/g, ')"
Onafterpaste= "This.value=this.value.replace (/\d/g, ')"/></td>
</tr>
<tr>
<td>
<div>
<p>
<span>&nbsp;</span><span> Show:</span>
</p>
</div>
</td>
<td>
<label><input type= "Radio" name= "Displayflag" value= "1"
<c:if test= "${branddto.displayflag==1}" >checked</c:if>/> is </label>
<label><input type= "Radio" name= "Displayflag" value= "0"
<c:if test= "${branddto.displayflag!=1}" >checked</c:if>/> not showing </label>
</td>
</tr>
<tr>
<td><span>&nbsp; Brand Source:</span></td>
<td><span name= "Comeform" >${brandDto.comeForm}</span></td>
</tr>
<tr>
<td><span>&nbsp; Application User id:</span></td>
<td><span>${brandDto.createUserId}</span></td>
</tr>
<tr>
<td><span>&nbsp; Application User Account:</span></td>
<td><span>${brandDto.createUserName}</span></td>
</tr>
<tr>
<td><span>&nbsp; creation Time:</span></td>
<td><span>${brandDto.createTime}</span></td>
</tr>
<tr>
<td><span>&nbsp; Last modified information:</span></td>
<td><span> user Id:<span style= "color: #169BD5;" >${branddto.updatetime}</span>| User account: <span
style= "COLOR: #169BD5;" >${branddto.updateusername}</span>| Time: <span
style= "COLOR: #169BD5;" >${time} </span></span></td>
</tr>
<tr>

&LT;TD colspan= "2" >

<input class= "Button2" style= "margin-left:116px;height:26px;width:77px" type= "button" value= "Save" onclick= " Saveclick () "/>
<input class= "Button2" style= "margin-left:71px;height:26px;width:77px" type= "button" value= "Return" onclick= " Returnclick () "/>
</td>
</tr>
</table>
</form>
</div>
<div id= "Uploadbranddiv" style= "display:none; margin:10px 20px; " >
<form name= "Uploadform" id= "Uploadform" action= "" method= "POST"
Enctype= "Multipart/form-data" >
<br>
<p style= "margin:5px;" >
<input id= "filetoupload" type= "file" Name= "Filetoupload"
class= "Input" >
</p>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" > uploaded brand logo must be consistent with the trademark registration and graphic information </p><br>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" > Size 400x200 pixels, format jpg</p><br>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" > image size not exceeding 100k</p><br>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" >
<button class= "btn borange fw7" id= "Buttonupload" style= "Height:40px;width:124px;font-size:18px;color: #fff; Background-color: #ff7f00; "
onclick= "return ajaxfileupload ();" > Uploading Files </button>
</p>
<p>&nbsp;</p>
</form>
</div>
<div id= "UploadBrandDiv1" style= "display:none; margin:10px 20px; " >
<form name= "UploadForm1" id= "UploadForm1" action= "" method= "POST"
Enctype= "Multipart/form-data" >
<br>
<p style= "margin:5px;" >
<input id= "FileToUpload1" type= "file" Name= "FileToUpload1"
class= "INPUT1" >
</p>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" > uploaded brand logo must be consistent with the trademark registration and graphic information </p><br>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" > Size 400x200 pixels, format jpg</p><br>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" > image size not exceeding 100k</p><br>
<p style= "MARGIN:5PX;FONT-SIZE:18PX;" >
<button class= "btn borange fw7" id= "ButtonUpload1" style= "Height:40px;width:124px;font-size:18px;color: #fff; Background-color: #ff7f00; "
onclick= "return AjaxFileUpload1 ();" > Uploading Files </button>
</p>
<p>&nbsp;</p>
</form>
</div>
</body>
<style>
Body {
margin:0px;
Background-image:none;
position:static;
Left:auto;
width:970px;
margin-left:0;
margin-right:0;
Text-align:left;
}

#base {
Position:absolute;
z-index:0;
}

#u0 {
Position:absolute;
left:18px;
top:40px;
width:957px;
height:455px;
}

#u4 {
Position:absolute;
left:2px;
top:8px;
width:830px;
Visibility:hidden;
Word-wrap:break-word;
}

#u50 {
position:static;
left:100px;
top:0px;
width:350px;
Word-wrap:break-word;
font-size:12px;
}

#u0 {
Border-collapse:collapse;
}

TD {
border:1px solid #D9D9F3;
padding:5px 15px;
font-size:12px;
}

#bimg {
Background:url ("F:\pic\save.png");
width:125px;
height:30px;
Border:none;
Font-weight:bold;
Color:white;
}

. button2 {
Color: #fff;
border:1px solid #f60;
Background-color: #ffb44d;
Background-image:-webkit-linear-gradient (Top, #f90, #f40);
}
</style>

Recently written pages (editing of pictures)