<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>XACTI呼叫系统客户添加页面</title>
<link href="../all.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="Jscript/common.js"></script>
</head>
<body onLoad="putFaxNo();">
<div style="width:99%;padding-left: 1px;">
<div style="font-size: 12px; font-weight: bold;color:#426EB4;"><img src="../Image/cus.gif" style="margin-bottom: -3px;"/> 发送传真</div>
<br>
<table class="tform">
<tbody>
<tr>
<td>公司名称:
<td colspan="4">
<input type="text" id="fullNmae" name="fullName" class="cfb" style="width: 324px;" onMouseDown="this.className='cfb2'" onBlur="this.className='cfb'"/></td>
</tr>
<tr>
<td width="60">
传真号码: </td>
<td>
<input type="text" id="phoneNo" name="phoneNo" class="cfb" onMouseDown="this.className='cfb1'" onBlur="this.className='cfb'"/>
</td>
<td>拔通电话:</td>
<td colspan="2"><img src="../img/ic2.gif" onclick="callClient();" style="cursor: hand;"/></td>
</tr>
<tr>
<td>文件编码:</td>
<td width="160">
<input type="text" id="faxname" name="faxname" readonly="readonly" class="cfb" onMouseDown="this.className='cfb1'" onBlur="this.className='cfb'"/> </td>
<td width="62">文件名称:</td>
<td width="442" colspan="2">
<input type="text" id="uploadname" name="uploadname" style="width: 100%;" class="cfb" onMouseDown="this.className='cfb1'" onBlur="this.className='cfb'"/> </td>
</tr>
<tr>
<td>上传时间:</td>
<td>
<input type="text" id="uploadtime" name="uploadtime" readonly="readonly" class="cfb" onMouseDown="this.className='cfb1'" onBlur="this.className='cfb'"/> </td>
<td>打开浏览: </td>
<td colspan="2"><img src="../Image/down2.gif" onclick="openuploadfile();" style="margin-bottom: -3px;cursor: hand;"/> </td>
</tr>
<tr>
<td>文件大小:</td>
<td>
<input type="text" class="cfb" id="faxsize" name="faxsize" readonly="readonly" onMouseDown="this.className='cfb1'" onBlur="this.className='cfb'"/> </td>
<td> 发送人: </td>
<td colspan="2">
<input type="text" class="cfb" id="workName" name="workName" readonly="readonly" /></td>
</tr>
<tr>
<td>发送时间:</td>
<td>
<input type="text" class="cfb" id="sendtime" name="sendtime" readonly="readonly" onMouseDown="this.className='cfb1'" onBlur="this.className='cfb'"/> </td>
<td>发送状态: </td>
<td colspan="2">
<input type="text" class="cfb" id="sendstate" name="sendstate" readonly="readonly"/></td>
</tr>
<tr>
<html:form action="/AjaxUpload" styleId="uploadForm" target="upload_frame" method="post" enctype="multipart/form-data">
<td>上传路径:</td>
<td>
<input name="fax1" type="file" id="fax1" style="width: 160px;" />
</td>
<td>开始上传:</td>
<td><img src="../Image/up2.gif" style="margin-bottom: -3px; cursor: hand;" onclick="uploadprintfile();"/> </td>
<td>上传状态: <span id="suc" style="color: red;"> 未上传</span></td>
</html:form>
</tr>
<tr>
<td>
上传备注: </td>
<td colspan="4">
<textarea name="faxRemark" id="faxRemark" rows="8" style="width: 100%;"></textarea>
</td>
</tr>
</tbody>
</table>
<input type="hidden" id="faxpath" value="" />
<div style="text-align: right;">
<img src="../Image/zs.gif" style="margin-bottom: -3px;"/> <font color="#426EB4">提示:请上传doc、tiff文件</font>
<br><br>
<input type="button" value="发送传真" id="button" class="but" onclick="sendFax();" style="margin-right: 200px; cursor: hand;"/><input type="button" value="查看记录" id="button" class="but" onclick="location.href='../getSendFaxRecord.do';" style="margin-right: 300px;cursor: hand;"/>
</div>
<div id="hiddenDiv">
<iframe id='upload_frame' name='upload_frame' src='' style="display: none;"></iframe>
</div>
<div id="massage_box">
<div class="massage">
<div class="header" onmousedown=MDown(massage_box)>
<div style="display: inline; width: 150px; position: absolute">
传真发送中请稍候
</div>
<span
onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'"
style="float: right; display: inline; cursor: hand">×</span>
</div><br><br>
<span id="fax_send_state" style="margin-left: 80px;color: green;">传真发送当中...</span>
</div>
</div>
<div id="mask"></div>
</div>
</body>
<script type="text/javascript">
var workName='<bean:write scope="session" name="workerInfo" property="workername"/>';
function putFaxNo(){
var faxNo='<%=String.valueOf(request.getParameter("faxNo"))%>';
<%
String fullname=String .valueOf(request.getParameter("fullName"));
fullname= new String(fullname.getBytes("ISO8859-1"),"gb2312");
%>
var fullName='<%=fullname%>';
if('null'==faxNo &&'null'==fullName){
faxNo='';fullName='';
}
document.getElementById("phoneNo").value=faxNo;
document.getElementById("fullName").value=fullName;
document.getElementById("workName").value=workName;
}
function callClient(){
var phone=document.getElementById("phoneNo").value;
if(''!=phone&&null!=phone)
parent.tops.OutCall2(phone);
}
function sendFax(){
var path=document.getElementById("faxpath").value;
if(path!=''&&path!=null){
parent.tops.sendFax(path,1);
document.getElementById("massage_box").style.visibility='visible';
document.getElementById("mask").style.visibility='visible';
window.setTimeout(send_state,3000);
var d=new Date();
document.getElementById("sendtime").value=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
document.getElementById("sendstate").value="传真已发送";
}
}
function uploadSuc(uploadTime,uploadName,faxName,faxpath,faxsize){
document.getElementById("uploadtime").value=uploadTime;
document.getElementById("uploadname").value=uploadName;
document.getElementById("faxname").value=faxName;
document.getElementById("faxpath").value=faxpath;
document.getElementById("faxsize").value=faxsize+"KB";
document.getElementById("suc").innerHTML="<img src='../Image/suc.gif' style='margin-bottom: -4px;'/>";
}
function uploadprintfile(){
var regstr=/\\/;
var reg=new RegExp(regstr);
var fval=document.getElementById("fax1").value;
var full=document.getElementById("fullNmae").value;
if(""==fval||""==full){
if(full=="")alert("请填写接收传真公司名称!");else{
alert("提示:未选择上传路径!");
}
}else{
var s1=fval.split(reg,'100');
fval=s1[s1.length-1];
fval=fval.substring(fval.length-3);
if("doc"==fval||"iff"==fval||"IFF"==fval){
document.getElementById("suc").innerHTML="<img src='../Image/loading.gif' style='margin-bottom: -4px;'/>文件上传中请稍等...";
document.uploadForm.submit();
}else{
alert("上传文件类型不匹配!");
}
}
}
function openuploadfile(){
var path=document.getElementById("faxpath").value;
if(''!=path&&null!=path)
document.location.href="../downloadSendFax.do?path="+path;
}
function send_state(){
document.getElementById("massage_box").style.visibility='hidden';
document.getElementById("mask").style.visibility='hidden';
}
</script>
</html>
分享到：
相关推荐
`jsp异步上传文件`这个主题聚焦于如何利用JavaServer Pages (JSP)、Servlet以及JavaScript的ajaxFileupload.js插件来实现在Web应用中异步上传文件。这种方式可以提供更好的用户体验，因为文件上传不会阻塞页面的其他...
在本项目"JQuery异步上传文件demo"中，我们将探讨如何使用jQuery的Ajax功能来实现这一目标。 首先，让我们了解异步上传的基本原理。传统的文件上传通常涉及表单提交，这会导致页面刷新，打断用户操作。而异步上传则...
主要介绍了jQuery异步上传文件插件ajaxFileUpload详细介绍,本文首先讲解了ajaxFileUpload的参数、错误提示等知识,然后给出了简单使用实例和ASP.NET MVC模式下的使用实例,需要的朋友可以参考下
这类操作包括但不限于上传文件、下载文件、创建目录等。本文将详细介绍如何利用C#实现这些功能，并深入探讨其内部机制。 #### FTP操作类的主要功能 1. **文件上传**：支持同步和异步两种模式。 2. **文件下载**：...
ASP.NET实现异步上传文件是一项常见的Web开发任务，它能够显著提升用户体验，因为用户无需等待整个文件上传完成就可以继续操作其他页面元素。在本Demo中，我们将深入探讨如何使用ASP.NET来实现这一功能。 首先，...
在IT行业中，JavaScript（简称JS）作为前端开发的主要语言，其异步上传文件的功能是现代网页应用中的一个重要组成部分。这个“js异步上传文件插件”涵盖了三种不同的异步上传方式，结合HTML、JS和Ajax技术，为开发者...
在JavaScript中，异步上传文件是一项常见的需求，特别是在Web应用中，用户可能需要上传图片、文档等资源。这里我们将深入探讨如何使用JavaScript、Ajax、Servlet、Action和JSP来实现这个功能。 首先，我们从...
标签“ajax”和“异步文件上传”表明，这个主题是关于使用Ajax技术实现实时文件上传，而无需等待整个页面刷新。在实际项目中，你可能还需要考虑错误处理、文件大小限制、多文件上传、以及安全性等问题。 至于提供的...
**Ajax异步上传文件插件详解** 在现代Web开发中，用户交互的实时性和流畅性是提升用户体验的关键因素之一。Ajax（Asynchronous JavaScript and XML）技术的出现，使得页面无需刷新即可实现数据的异步更新，极大地...
而AJAX异步上传则不同，它通过JavaScript创建XMLHttpRequest对象，利用这个对象向服务器发送请求，然后在后台处理数据，最后将响应结果回传到客户端，整个过程不会刷新页面，提供更好的用户体验。 jQuery库为开发者...
异步上传文件图片js http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html
- 限制上传文件的类型和大小，防止恶意文件上传。 - 使用安全的文件名生成策略，避免路径遍历攻击。 9. **用户体验优化**： - 添加预览功能，让用户在上传前可以看到所选文件。 - 使用异步验证，如文件大小、...
Ajax异步上传文件技术应运而生，它允许用户在上传文件时保持页面状态，提供无缝的交互体验。SpringMVC作为流行的Java Web框架，支持多种文件上传方式，与Ajax结合可以实现这一功能。 首先，我们需要了解Ajax的核心...
asp.net ajax异步上传文件 代码是从一系统中取出来的并作了修改..感觉非常好用,借助此demo还可以实现异步读取信息 验证用户名 更改信息等... 如出现object error错误 请检查function.js submitUrl参数的提交路径...
Java文件异步上传是一种在Web应用中常见的技术，它允许用户在不阻塞浏览器界面的情况下上传文件。这种技术尤其在处理大文件或者批量上传时，能够显著提升用户体验，因为它们不会冻结页面，允许用户继续与应用程序...
在IT领域，异步上传文件和图片是一种常见的需求，尤其在网页应用中，它能显著提升用户体验，因为用户无需等待整个文件上传完成就能继续其他操作。这个“简单实用的异步上传文件及图片插件”显然是为了满足这种需求而...
"关闭模态对话框，刷新父窗口，异步上传文件"是一个常见的需求，它涉及到前端JavaScript技术、模态对话框的处理、页面刷新机制以及文件上传的异步操作。下面我们将详细探讨这些知识点。 首先，模态对话框（Modal ...