`
wangzjie
  • 浏览: 73182 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

点击按钮出现上传文件框

阅读更多
<!-- 隐藏的文件上传组件,点击IMPORT时让该DIV显示即可-->
		<div id="upLoadForm" align="center" class="area" style="width:200 height:200 visibility:hidden">
		<form name="upform"  method="POST" enctype="multipart/form-data" target="myFrame"><!--target是为了能将处理于IFRAME中处理,实现无刷新-->
         <input type ="file" name="file" id="file"/>
		 <input type="hidden" name="textDatasImport" value="tt"><!--隐藏域,用于传递前台文本框信息-->
        <input type="button" value="上传" onclick="handle('import')"/>
         </form>
		</div>

 在HTML中插入此隐藏DIV

//打开上传窗口
function openUploadWin() 
{ 
    if(!bSelected)
	 {
	window.alert("请选择要导出的区域!");
	return;
	 }
  upLoadForm.style.left=document.body.scrollLeft+document.body.clientWidth/2-100;
  upLoadForm.style.top=document.body.scrollTop+document.body.clientHeight/2-100;
  /*upLoadForm.innerHTML=" <form name="upform"  method="POST" enctype="multipart/form-data">"
  +"<input type ="file" name="file" id="file"/>"
  +"<input type="button" value="上传" onclick="handle('import')"/>"
  +"</form>";
*/

 upLoadForm.style.visibility="visible";
  
} 

 以上是让上传框显示的JS代码

  document.upform.textDatasImport.value=value;//将值赋给上传文件隐藏文本框
			init();
		   upLoadForm.style.visibility="hidden";
           document.upform.action="importFromExcel";
		   document.upform.submit();

 点击上传按钮,执行上代码,则会将前台的value赋给upform的hidden文本框textDatasImport,并在后台进行处理

得到此值的方法

要用到SMARTUPLOAD

SmartUpload upload = new SmartUpload();
		try {
			upload.initialize(this.getServletConfig(), request, response);
			// 允许上传的文件类型
			upload.setAllowedFilesList("doc,xls,");
			// 拒绝上传的文件类型
			upload.setDeniedFilesList("exe,bat,jsp");
			// 允许上传文件的单个最大大小
			upload.setMaxFileSize(1024 * 1024 * 20);
			// 允许上传文件的最大大小总和
			
			// 上传数据
			upload.upload();

			StringBuffer fullFileName = null;// 保存到服务器上的文件名(带路径)
			File suFile = upload.getFiles().getFile(0);
			fullFileName = new StringBuffer("data.xls");// 填写 文件的路径
			suFile.saveAs(fullFileName.toString(), SmartUpload.SAVE_PHYSICAL);

		} catch (Exception e) {
			e.printStackTrace();
			return;
		}
       //获得FORM是文件上传时的隐藏域传值问题
		Request req = upload.getRequest();
		String texts = (String) req.getParameter("textDatasImport"); //即可得到数据

 

分享到:
评论

相关推荐

    layui 上传文件upload不上传再次点击按钮时不执行choose小技巧.doc

    一个简单的没有技术含量的方法

    js实现点击按钮弹出上传文件的窗口

    本文主要介绍了js实现点击按钮弹出上传文件的窗口的实例方法。具有很好的参考价值,需要的朋友一起来看下吧

    实现点击按钮预览文件

    本地预览文件的功能

    绝对好用Flash多文件大文件上传控件

     fileDataName :设置一个名字,在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata  method : 提交方式Post 或Get 默认为Post  scriptAccess :flash脚本文件的访问模式,如果在本地测试设置为...

    java文件上传下载.pdf

    文件的上传也是基于表单来完成的,表单中的 file 元素可以自动生成一个文本框和一个按钮,文本框可以输入本地文件名或路径,点击按钮则可以打开一个文件选择框让用户选中本地文件。 在文件上传时必须将表单的提交...

    IIS7服务器上传大30M的文件时出现找不到文件或目录错误的解决办法

    在IIS7服务器中上传大于30M的文件时,可能会出现“找不到文件或目录”的错误信息,这是由于IIS7默认允许上传文件的最大容量为30M引起的。要解决这个问题,需要修改IIS_schema.xml文件中的配置。 1. 获取文件控制权 ...

    win7系统网页上传按钮显示红叉叉怎么办.docx

    但是在 Windows 7 系统中,有些用户发现网页上传按钮显示红叉叉,无法正常上传文件。这是什么原因导致的呢?如何解决这个问题呢? 原因分析: 在 Windows 7 系统中,Internet Explorer 浏览器的安全设置可能会导致...

    Axure教程:文件上传、自动产生列表.docx

    例如,在“点击上传”按钮添加一个单击动作,填入代码javascript:fileButtonSelect.click();并且设定移入移出的交互,切换 fileButtonChose 文本框的隐藏状态。 五、中继器设计 中继器 fileButtonList 的内部元件...

    jquery使用FormData实现异步上传文件

    点击按钮,弹出文件选择框 选中图片并确认后直接上传图片 实现这个功能,需要使用&lt;input&gt;来添加文件,并实现上传功能。传统的上传文件是将&lt;input&gt;放到&lt;form&gt;中提交,但在这个场景中并不存在form...

    拍照压缩上传

    点击提交按钮后,将当前日期对应的文件夹压缩并删除原文件夹,删除成功后上传文件到指定的服务器地址。上传成功后删除 .zip文件\n 提交方式为post,携带参数为 \n id=设备id填写内的文本(String)\n address=地址框内...

    jquery文件上传表单.zip

    jquery文件上传表单是一款基于jquery css3实现的表单文件上传选择框样式。  jquery文件上传表单演示 点击查看演示

    fckeditor编辑器上传文件(含视频音频)详细配置

    选择“Choose Items ...”,在出现的“Choose Toolbox Items”会话框的“.NET Framework Components”选项卡中选择“Browse”,找到并选中FCKeditor程序集,打开后回到“Choose Toolbox Items”窗口,点击“OK”,...

    结合html5+nodejs+express实现拖拽上传功能

    文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传。给用户体验带来很大问题。html5开始支持拖拽上传的需要的api。nodejs也是一个最近越来越流行的...

    ZUI前端html5框架 v1.9.1.zip

    文件上传: 修复当启用重命名功能时,不显示删除按钮的问题; 修复 multipart_params 选项设置无效的问题; 当选项 multipart_params 为函数时,该回调函数会使用当前文件对象作为第一个参数,默认值作为第二个...

    结合html5+nodejs+express实现拖拽上传的功能

    文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传。给用户体验带来很大问题。html5开始支持拖拽上传的需要的api。nodejs也是一个最近越来越流行的...

    PHP+iframe模拟Ajax上传文件功能示例

    本文实例讲述了PHP+iframe模拟Ajax上传文件功能。...页面中有一个表单,表单中有一个上传文件按钮和提交按钮,点击提交按钮执行ajaxUpload函数,然后动态创建iframe标签,让其不可见,最后设置表单

    YII中Ueditor富文本编辑器文件和图片上传的配置图文教程

    但是点击上传图片按钮后发现,无法正常进行图片上传,文件上传也是失败的,问题都是Flash Player需要升级, 因此在火狐浏览器中安装对应的flash player组件,选择其中一个工作: 此时,文件上传和图片上传功能就能...

    BT做种及下载指南重难点.pdf

    推荐使用www7.2kdown.com上传文件。打开页面后,点击“浏览”按钮,找到刚刚生成的种子,并点击“上传”按钮。稍等片刻之后,将出现一个网址,这就是种子在网络上的地址,可以分享给其他人。 三、下载文件 要下载...

    上传应用程序到App Store 的具体操作流程

    在Mac中打开“Finder”,选中“应用程序”,在搜索框中输入“钥匙串访问”,然后双击打开它,出现下面这个界面。在钥匙串运行状态下,点击电脑状态栏的“钥匙串访问”,选择“从证书颁发机构请求证书...”。然后,...

    APKPlay安卓应用商店-包含源码-说明文档-演示视频.zip

    以及一个添加新应用按钮,点击该按钮后跳转至下述上传文件界面; 管理员可以上传apk文件到服务器中,并且需要描述这个apk文件是什么软件,以及这个软件的相关信息,因此,有一个上传apk,并且需要提交软件相关内容...

Global site tag (gtag.js) - Google Analytics