baozhangfang/WebRoot/WEB-INF/jsp/decorationChange/add.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<form id="addDecorationChangeForm" method="post" enctype="multipart/form-data">
	<div class="easyui-tabs" id="tabs">
		<div title="合同信息" id="htxx_update">
			<table class="mytable" style="width: 100%;">
				<tr>
					<th colspan="4">
						<a href="javascript:changeRenovationContract('add');" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">选择合同</a>
					</th>
				</tr>
				<tr>
					<th width="15%">合同编号</th>
					<td width="35%">
						<span id="number_add"></span>
					</td>
					<th width="15%">合同名称</th>
					<td width="35%">
						<span id="name_add"></span>
						<input type="hidden" name="decorationChange.renovationContract.id" id="renovationContractId_add">
					</td>
				</tr>
				<tr>
					<th>装修单位</th>
					<td colspan="3">
						<span id="company_add"></span>
					</td>
				</tr>
				<tr>
					<th>装修内容</th>
					<td colspan="3">
						<span id="content_add"></span>
					</td>
				</tr>
				<tr>
					<th>变更标题</th>
					<td colspan="3">
						<input class="easyui-validatebox" required="true" id="title_add" name="decorationChange.title" style="width: 100%;">
					</td>
				</tr>
				<tr>
					<th>变更描述</th>
					<td colspan="3">
						<textarea rows="4" cols="" style="width: 100%" name="decorationChange.content"></textarea>
					</td>
				</tr>
				<tr>
					<th>变更时间</th>
					<td>
						<input class="easyui-datebox" id="businessDate_add" name="decorationChange.businessDate" required="true" >
					</td>
					<th>变更人</th>
					<td>
						<input class="easyui-validatebox" id="businessUserName_add" value="${user.fullName}" name="decorationChange.businessUserName" required="true" >
					</td>
				</tr>
			</table>
		</div>
		<div title="附件上传" id="fjsc_add">
			<table class="mytable" style="width: 100%;">
				<tr>
					<th width="20%">附件</th>
					<td width="80%">
						<span id="changeFile_add_file">
							<input type="button" value="上传" onclick="changeFile_add.click()">
							<input type="file" multiple name="changeFile" id="changeFile_add" class="easyui-validatebox" style="float:left;width:0px">
						</span>
					</td>
				</tr>
			</table>
		</div>
	</div>
</form>
<script type="text/javascript">
	var getObjectURL = function (file) {
         var url = null;
         if (window.createObjectURL != undefined) {
             url = window.createObjectURL(file);
         } else if (window.URL != undefined) {
             url = window.URL.createObjectURL(file);
         } else if (window.webkitURL != undefined) {
             url = window.webkitURL.createObjectURL(file);
         }
         return url;
     }

	//本地预览故障照片
	$(function () {
		$("#changeFile_add").change(function(){
			var obj = document.getElementById("changeFile_add");
	        if(imageFormat(obj)){
				$("#changeFile_add_file").children('div').remove();
			 	for(var i=0;i<this.files.length;i++){
					var $image = $("<div style='width: 120px;height: 80px;float:left;'><a href='" + getObjectURL(this.files[i]) + "' rel='lightbox[changeFile_add]'><img src='" + getObjectURL(this.files[i]) + "' width='120' height='80'/></a></div>");
					$("#changeFile_add_file").append ($image);
			 	}
			 }
		});
	});
	var removeImg1=function(id){
		$("#img" + id).parent().remove();
		
	}
</script>