<%@ page contentType="text/html;charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>信息公告</title>
<link href="<%=basePath %>css/base.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="<%=basePath%>js/jquery.min.js"></script>
<link href="<%=basePath %>js/validate/jquery.validate.css" type="text/css" rel="stylesheet"/>
<script src="<%=basePath %>js/validate/jquery.validate.js" type="text/javascript"></script>
<script src="<%=basePath %>js/validate/messages_cn.js" type="text/javascript"></script>
<link href="<%=basePath %>js/ajaxfileupload/ajaxfileupload.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="<%=basePath %>js/ajaxfileupload/ajaxfileupload.js"></script>
<script>
var P = window.parent, E = P.setDialog();
var valida;
$(document).ready(function() {
valida=$("#inputForm").validate({
rules: {
"announcement.fileType": {
required:true
},
"announcement.title": {
required:true
}
},
messages: {}
});
});
function PreviewImg(imgFile){
var imgDiv = document.getElementById("photo");
imgFile.select();
var realpath = document.selection.createRange().text;
imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";
imgDiv.filters("DXImageTransform.Microsoft.AlphaImageLoader").src = realpath;
}
</script>
</head>
<body>
<form id="inputForm">
<table>
<tr>
<td style="background-color:#CDEAFA;width:30%;">发布类型:</td>
<td><select id="announcementType" name="announcement.fileType" >
<option value="" >请选择</option>
<option value="1" >物业公告</option>
<option value="2" >健康消息</option>
<option value="3" >娱乐消息</option>
<option value="4" >购物消息</option>
<option value="5" >餐饮消息</option>
<option value="6" >旅游消息</option>
</select></td>
<td rowspan="4"><div id="photo" style="width:150px;height:150px;background:url(<%=basePath %>image/nophoto.jpg);"></div></td>
</tr>
<tr>
<td style="background-color:#CDEAFA">标题:</td>
<td><input id="title" type="text" name="announcement.title" maxlength="15" size="30"/></td>
</tr>
<tr>
<td style="background-color:#CDEAFA">图片:</td>
<td><img id="loading" src="<%=basePath %>js/ajaxfileupload/loading.gif" style="display:none;" />
<input onchange="javascript:PreviewImg(this);" id="myFile" type="file" size="42" name="myFile" style="vertical-align: middle; border: 1px solid #86888B;font: 12px Arial,Helvetica,sans-serif;" />
<br/><span style="color:#32CD32">建议图片大小最大为100kb，尺寸为200*200！</span>
</td>
</tr>
<tr>
<td style="background-color:#CDEAFA">咨询电话:</td>
<td><input id="telNum" type="text" name="announcement.telNum" maxlength="15" size="30"/></td>
</tr>
<tr>
<td style="background-color:#CDEAFA">公告信息:</td>
<td colspan="2"><textarea id="announcement.desc" rows="8" cols="60" onpropertychange="if(this.scrollHeight>40) this.style.posHeight=this.scrollHeight+5"></textarea>
</td>
</tr>
</table>
<div align="right" style="margin: 1.5em;" width="10%">
<input class="btn" type="button" value="保存" onclick="save();"/>
<input class="btn" type="reset" value="重置"/>
</div>
</form>
</body>
</html>
<script type="text/javascript">
var fields;
function save(){
var announcementType = document.getElementById("announcementType").value;
var title = document.getElementById("title").value;
if(announcementType==""){
alert("请选择发布信息类型");
return false;
}
if(title==""){
alert("请输入信息标题");
return false;
}
if(title.length>100){
alert("信息标题过长");
return false;
}
if(document.getElementById('announcement.desc').value==""){
alert("请输入信息内容");
return false;
}
if(document.getElementById('announcement.desc').value.length>500){
alert("信息内容过长");
return false;
}
if(checkImg())
{
fields = $('#inputForm').serialize();
var desc =document.getElementById('announcement.desc').value.replace(/"/gm,""");
$.ajaxFileUpload({
url:'<%=basePath %>announcement/add.do?'+fields,
secureuri:false,
fileElementId:'myFile',
dataType: 'json',
data:{'announcement.desc':desc,'announcement.fileType':announcementType},
complete: function (data, status)
{
alert(data["responseText"]);
if("保存成功！"==data["responseText"]){
top.frames["aaa"].frames["main"].document.forms[0].submit();
}
}
});
}
}
function checkImg()
{
return true;//先不检查图片尺寸
var image = new Image();
image.src =document.getElementById("myFile").value;
if(GetImageWidth(image)==0||(GetImageWidth(image)==200&&GetImageHeight(image)==200))
{
return true;
}
else
{
alert("请检查图片尺寸是否为200*200!");
return false;
}
}
//js获取原始图片大小
function GetImageWidth(oImage)
{
var OriginImage=new Image();
OriginImage.src=oImage.src;
return OriginImage.width;
}
function GetImageHeight(oImage)
{
var OriginImage=new Image();
OriginImage.src=oImage.src;
return OriginImage.height;
}
</script>
相关推荐
综上所述，"java-springmvc图片上传"项目展示了如何利用Spring MVC框架实现一个简单的图片上传功能，涉及到了Spring MVC的基本结构、文件上传处理、控制器设计、视图渲染、配置以及安全性方面的考量。理解这些知识点...
在Java Web开发中，图片上传预览功能是一个常见的需求，尤其在用户交互性强的网站或应用中。这个功能允许用户在上传图片之前查看其效果，确保上传的图片符合预期。以下将详细介绍如何在Java环境中，结合ASP和JSP技术...
本实例以"Java简单上传图片实例"为主题，利用Struts框架实现了一个基本的图片上传功能。Struts是一个开源的MVC框架，它帮助开发者构建基于Java Servlet的Web应用程序。 首先，我们关注的是Struts配置。在`struts....
在Java Web开发中，图片处理是一项常见的需求，无论是用于网站展示、用户上传的头像处理，还是电商系统中的商品图片优化。本项目专注于图片的压缩功能，提供了简单易用的API，可以对图片进行缩放和降质处理，并且...
在Java Web开发中，图片上传通常涉及到客户端通过HTTP协议将图片文件发送到服务器。可以使用Servlet或Spring MVC框架来接收上传的文件。首先，需要在HTML表单中设置`enctype="multipart/form-data"`属性，以支持...
#### 一、图片上传及处理概述 在现代Web应用中，用户上传图片的功能十分常见。为了优化用户体验并减轻服务器存储压力，通常会在图片上传后进行一系列处理，如压缩、缩放等。本文将重点介绍如何使用Java语言对上传的...
以上就是使用Java实现图片上传并按需缩放显示的基本步骤。实际应用中，还需要考虑错误处理、内存管理、文件安全、性能优化等方面的问题。提供的文档"图片上传显示（缩小图片）.doc"应该包含了更详细的代码示例和具体...
在Java Web开发中，文件上传、下载和查看是常见的功能需求，尤其对于构建交互性强的Web应用程序至关重要。这里我们将深入探讨这些操作的核心概念和技术。 首先，让我们从文件上传开始。在Java Web中，文件上传主要...
在IT行业中，图片上传、显示和管理是许多Web应用程序的核心功能。这个基于Java的小项目，结合了JSP（JavaServer Pages）技术，实现了用户能够上传图片，后台存储这些图片的信息到MySQL数据库，并在前端列表中展示...
在Java编程中，图片上传和下载是常见的功能需求，尤其在Web应用中，例如社交媒体、电商网站等。这里我们将深入探讨如何实现这个功能，并通过详细注释的代码示例进行讲解。 首先，我们需要理解图片上传的基本流程。...
总结来说，这个Java分布式项目中，客户端使用Java FTP库将图片上传到FTP服务器，Nginx配置为HTTP服务器，负责提供图片的下载服务。两者结合，实现了图片的上传与下载功能。在实际开发中，还需要考虑错误处理、安全性...
在Java Web开发中，文件上传是一项常见的功能，用于允许用户上传图片、文档等资源到服务器。本示例中，我们探讨的是如何在Java Web环境中实现文件上传，涉及到的关键技术和工具包括Eclipse（一个流行的Java IDE）、...
这个"图片上传下载Java"项目提供了一个简单的示例，适用于在MyEclipse环境中快速集成到你的项目中。下面我们将深入探讨这个领域的关键知识点。 一、图片上传 1. **MultipartFile接口**: Spring MVC框架提供了`...
在Java Web开发中，文件上传和下载是常见的功能需求，特别是在构建交互性强的Web应用程序时。本篇文章将详细探讨如何使用Java实现文件的上传和下载功能。 首先，我们需要引入一个关键的库，即Apache Commons IO和...
以下是一个简单的Servlet处理图片上传的步骤： 1. 配置Servlet：在web.xml文件中配置Servlet，指定请求映射和类名。 2. 处理请求：在Servlet的doPost方法中，使用HttpServletRequest对象获取请求的InputStream。 3....
这些编辑器通常支持图片上传、链接插入等功能，使得内容创作更加方便。 3. **数据库管理**： - **MySQL**：作为后端存储新闻和其他数据的数据库管理系统。MySQL因其开源、高效和易用性而广泛应用于Web开发。 - **...
在Java开发中，文件和图片的上传下载是常见的功能...总的来说，Java中的文件和图片上传下载涉及到了HTTP协议、文件I/O、Servlet API等多个知识点。通过实践和理解这些技术，开发者能够构建出稳定且高效的文件管理系统。
通过以上步骤，我们可以理解“java图片ssm上传.rar”项目的核心内容，即如何在SSM框架下实现一个简单的图片上传功能。这个压缩包提供的示例可以帮助开发者快速学习和实践这一过程。在实际开发中，可以根据具体需求...
这个"java上传图片完整deom"示例提供了一个简单的解决方案，它包含了一整套用于实现图片上传功能的代码。下面，我们将深入探讨这个示例中涉及的关键知识点。 1. **文件I/O操作**：在Java中，上传图片首先需要读取...
本示例"Java(Servlet)上传文件的demo"提供了一个简单的文件上传功能，适用于初学者理解和实践。以下是对这个demo的详细解析： 1. **Servlet基本概念**： Servlet是一个Java类，遵循Servlet API规范，它扩展了...