最近写的页面（图片的编辑）

<%@ 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"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>修改品牌</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 : ‘上传品牌图片‘,
id : ‘uploadBrandDiv‘,
width : 600,
height : 500
});
} else {
JEND.load(‘util.dialog‘, function() {
JEND.util.dialog.alert(‘商标已存在‘);
})
}
});
$("#uploadImg").click(function() {
JEND.page.dialog.show({
title : ‘上传品牌图片‘,
id : ‘uploadBrandDiv1‘,
width : 600,
height : 500
});
});
});
//上传单张图片
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(‘图片上传成功！‘);
});
$("#brandLogo").val(data.imgUrl);
$("#brandLogoImage").attr("src", data.imgUrl);
$("#logo")
.append(
‘<img class="imgClose" id="removelogo" src="${basePath}/images/item/cancel.png" onclick="removeImage(this);" />‘);
JEND.page.closeDialog();
} else {
JEND.util.dialog.alert("图片上传失败 ");

$("#brandLogoImage").attr("src", "")
}
},
error : function(data, status, e) {
JEND.util.dialog.alert("上传文件失败！");
}
})
return false;
}else{
JEND.util.dialog.alert("没有选择图片");
}

return false;
}
//上传多张图片
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("图片上传成功！");
$("#brandRegCer")
.append(
"<img id=‘brandRegCerimg‘class=‘cerurls‘ src=‘"+data.imgUrl+"‘ style=‘display:inline-block;width:100px;height:100px;‘/>");
$("#brandRegCer")
.append(
‘<img class="imgClose" id="remove" src="${basePath}/images/item/cancel.png" onclick="removeImage(this);" />‘);
$("#uploadImg").attr("style","display:inline-block;margin-top:10px")
JEND.page.closeDialog();
} else {
JEND.page.alert("图片上传失败，失败原因为" + data.returnMessage);
$("#brandLogoImage").attr("src", "")
}
},
error : function(data, status, e) {
JEND.util.dialog.alert("上传文件失败！");
}
})
return false;
}else{
JEND.util.dialog.alert("没有选择图片");
}
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>
</head>
<body>
<div id="base" class="">
<div id="u50" class="text">
<p>
<span style="color: #0066CC;"> &nbsp;&nbsp;<a href="#">后台管理系统</a>&gt</span>
<span style="color: #333333;"> <a href="${basePath }/brand/showBrandManage.action" class="score-0">品牌管理</a></span>
<span style="color: #333333;">&gt;</span>
<span style="color: #333333;"> 修改品牌</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>
<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;">品牌名：</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;品牌英文名：</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;">品牌拼音：</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;品牌Logo：</span>
</p>
</div>
</td>
<td valign="bottom" align="left">

<div class="logo" id="logo" align="left" style="display: inline">
<img id="brandLogoImage" src="${brandDto.brandLogo}"
style="width: 100px; height: 100px;" />
<c:if test="${not empty brandDto.brandLogo}">
<img class="imgClose"
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="选择图片" /> <span style="color: #333333;">上传的品牌Logo需与商标注册图文信息一致</span><span
style="color: #333333;">，</span><span style="color: #333333;">格式</span><span
style="color: #FF0000;">JPG</span><span style="color: #333333;">，</span><span
style="color: #333333;">图像大小不超过</span><span
style="color: #FF0000;">100K</span><span style="color: #333333;">。</span></span>
</div>
</td>
</tr>

<tr style="height: 150px;">
<td class="w120 fw7 tar pr10">&nbsp;商标注册证明：</td>
<td class="tal pl10">
<div id="divimg" >
<c:forEach var="url" items="${brandRegCerUrls}">
<div id="brandRegCer" class="logo" align="left"
style="display: inline">
<img id=‘brandRegCerimg‘ class="cerurls" src=${ url}
style=‘display: inline-block; width: 100px; height: 100px; display: inline‘ />
<img class="imgClose" id="remove"
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="选择图片" 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">正向放置、清晰、加盖红色公章,
文件格式要求为JPG、GIF、PNG、BMP中的一种，大小请限制在1M以内。</span>
</td>
</tr>

<tr>
<td>
<div>
<p>
<span>&nbsp;</span><span>排序：</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>显示：</span>
</p>
</div>
</td>
<td>
<label><input type="radio" name="displayFlag" value="1"
<c:if test="${brandDto.displayFlag==1}">checked</c:if> />是</label>
<label><input type="radio" name="displayFlag" value="0"
<c:if test="${brandDto.displayFlag!=1}">checked</c:if> />不显示</label>
</td>
</tr>
<tr>
<td><span>&nbsp;品牌来源：</span></td>
<td><span name="comeForm">${brandDto.comeForm}</span></td>
</tr>
<tr>
<td><span>&nbsp;申请用户ID：</span></td>
<td><span>${brandDto.createUserId}</span></td>
</tr>
<tr>
<td><span>&nbsp;申请用户帐号：</span></td>
<td><span>${brandDto.createUserName}</span></td>
</tr>
<tr>
<td><span>&nbsp;创建时间：</span></td>
<td><span>${brandDto.createTime}</span></td>
</tr>
<tr>
<td><span>&nbsp;上次修改信息：</span></td>
<td><span>用户Id：<span style="color: #169BD5;">${brandDto.updateTime}</span>|用户帐号：<span
style="color: #169BD5;">${brandDto.updateUserName}</span>|时间：<span
style="color: #169BD5;">${time} </span></span></td>
</tr>
<tr>

<td colspan="2">

<input class="button2" style="margin-left: 116px;height: 26px;width: 77px;" type="button" value="保 存" onClick="saveclick()"/>
<input class="button2" style="margin-left: 71px;height: 26px;width: 77px;" type="button" value="返 回" 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;">上传的品牌Logo需与商标注册图文信息一致</p><br>
<p style="margin: 5px;font-size:18px;">尺寸400×200像素，格式jpg</p><br>
<p style="margin: 5px;font-size:18px;">图像大小不超过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();">上传文件</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;">上传的品牌Logo需与商标注册图文信息一致</p><br>
<p style="margin: 5px;font-size:18px;">尺寸400×200像素，格式jpg</p><br>
<p style="margin: 5px;font-size:18px;">图像大小不超过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();">上传文件</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>

时间： 2024-10-13 07:27:06

最近写的页面（图片的编辑）的相关文章

自己写前端页面

由于公司人员配置的原因,不得已要自己制作页面了.对于大多数后端技术员来讲,自己写前端页面是件很痛苦的事情,但是没办法,只能是硬着头皮上了,虽然之 前也有接触一些css,除了css3的一些属性,其他的基本都知道,并了解使用,可从始至终除了拼凑一些后台页面以外,就没有真正完整的做过几个前端页面. 然后就着我所知道的那些标签跟css属性写起了页面.首先,我所知道的div+css布局: 1.    页面的左边跟右边要留白,不然分辨率一变,页面就没用了(定宽),我写的是1200px作为可视区. 2.  

zencart简易页面ezpage后台编辑位置

zencart简易页面ezpage后台编辑位置: 后台-Tools(工具)-EZ-Pages(简易页面管理) 若编辑之后无法保存,说明includes\languages\语言包\html_includes目录及子目录下php文件不可写. 解决办法: 登录FTP,将html_includes目录及子目录下的php文件属性设为777即可. 为了安全,编辑完成之后,要将php文件属性设为755.

jquery.imgpreload.min.js插件实现页面图片预加载

页面分享地址: http://wenku.baidu.com/link?url=_-G8miwbgDmEj6miyFtjit1duJggBCJmFjR2jky_G1VftD9eS9kwGOlFWAORk2_fotM4RbzRvtcaiQu2y_BU3Gpj0rYRy_EWrgXEuFeja0q 页面分享地址:http://www.jb51.net/article/21987.htm Javascript , Jquery 实现页面图片预加载百分比展现 如果需要在页面初始加载时显示加载进度.主要是

分分钟教会你使用HTML写Web页面

在学习如何使用HTML编写网页之前,我们必须先搞清楚什么是HTML?当然了不是系统的给大家介绍HTML的前世今生,如果对其身世感兴趣的小伙伴可以去问度娘,她会给你想要的答案. 所谓HTML,就是我们常听到的"超文本标记语言",是标准通用标记语言下的一个应用,目前最新的版本是5.0,上面的图片就是官方发布的Logo."超文本"就是指页面的内容不仅有文字,还有可以有图片.链接,甚至是声音.动画和小程序等非文字元素.你只需知道Web页面就是网页,而HTML就是用来写网页的

Android 自己写一个打开图片的Activity

根据记忆中eoe的Intent相关视频,模仿,写一个打开图片的Activity 1.在主Activity的button时间中,通过设置action.category.data打开一个图片.这时代码已经可以运行,将使用系统默认的工具打开图片. Intent intentImage = new Intent(Intent.ACTION_VIEW); intentImage.addCategory(Intent.CATEGORY_DEFAULT); File file = new File("/sto

用jsp写注册页面

包括单选框.多选框.session的应用,页面自动跳转,中文乱码的处理,入门级 对于中文乱码的处理,注意几点:注册页面数据提交方式为post不能忘了写,页面编码方式为gbk,处理提交信息的doRegister.jsp要加 request.setCharacterEncoding("gbk");一定要加! 注册页面 register.jsp <%@ page language="java" import="java.util.*" pageE

关于写手机页面demo的准备工作

写手机页面,存在不同的手机屏幕分辨率的问题,因此,怎样做到统一的画面展示,是我想要寻找的答案. 虽然也搜寻过一些例子,不过还是不确定那种会更好. 目前,想来做个笔记,记录其中的一个. 首先页面中单位不再是用 px来写,而是em. 其次,medioadaption.css是需要的,这里是一个例子 @media screen and (min-width:1080px){html,body{ font-size:36px;}}@media screen and (min-width:720px) a

学习笔记_springmvc返回值、数据写到页面、表单提交、ajax、重定向

数据写到页面 后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView("index", map);, * 相当于把结果数据放到request里面 * @return * @throws Exception */ @RequestMapping("/toPerson4.do") public ModelAndView toPerson4() throws Exception{ Per

springmvc返回值、数据写到页面、表单提交、ajax、重定向

实验是在前一篇文章的项目上做的: 数据写到页面 后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView("index", map);, * 相当于把结果数据放到request里面 * @return * @throws Exception */ @RequestMapping("/toPerson4.do") public ModelAndView toPerson4() thro

python写的百度图片爬虫

学了一下python正则表达式,写一个百度图片爬虫玩玩. 当技术遇上心术不正的人,就成我这样的2B青年了. python3.6开发,在Windows下需要安装vc2015动态库.下载地址:http://www.cr173.com/soft/146014.html 1 #/usr/bin/env python 2 #Guoyabin 3 #-*- coding:utf-8 -*- 4 import re,os 5 import requests 6 7 keyword=input('请输入搜索关键