<!-- 隐藏的文件上传组件,点击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框架中,上传文件是非常常见的需求,但是在上传文件的过程中,我们可能会遇到一些问题,例如上传按钮点击后不执行choose事件,这篇文章将会讲解如何解决这个问题,并提供一个简单的上传文件的解决方案。...
2. **触发文件选择**:当用户点击按钮时,我们需要调用浏览器的文件选择API,让用户选择他们想要上传的图片。这通常可以通过监听按钮的点击事件并调用`input[type=file]`元素的`click`事件来实现。 3. **处理多图...
这些示例可能包括处理多文件上传、预览上传文件、进度条显示等功能的实现。 在“工具”方面,开发者可能会利用像jQuery File Upload这样的库,它们提供了更丰富的功能,如多文件上传、拖放支持、文件大小检查、进度...
本文将深入探讨如何使用JavaScript实现点击按钮弹出上传文件的窗口。 首先,我们要了解HTML中的`<input>`标签,它用于创建各种输入控件。在文件上传的场景中,我们可以使用`<input type="file">`来创建一个文件选择...
本文将深入探讨如何使用CSS来自定义文件上传按钮的样式。 首先,我们需要理解文件上传组件的基本结构。通常,HTML中的`<input type="file">`元素用于创建一个文件选择器,但其默认样式非常朴素,不符合现代网页设计...
在IT行业中,实现点击按钮预览文件是一种常见的需求,尤其在文档管理、文件分享和协作应用中。这个功能允许用户无需下载文件即可查看其内容,提高了工作效率并节省了存储空间。本地预览文件通常涉及到前端和后端的...
在Web开发中,经常需要实现让用户上传文件的功能。这通常通过HTML的文件上传元素(input type="file")来完成。而为了提升用户体验,我们可能希望点击一个图标或者按钮时,而非直接点击输入框,就能弹出文件选择窗口。...
点击上传是指用户通过点击一个按钮或链接来选择本地文件进行上传。在Vue中,我们可以使用HTML的`<input type="file">`元素来实现这一功能。首先,在Vue组件的模板中创建一个file类型的input元素: ```html ``` ...
"web上传文件按钮及预览"这个话题涉及到前端交互设计以及后端处理技术。在这里,我们将深入探讨如何实现一个功能完备的文件上传组件,包括文件选择、预览和实际的上传过程。 首先,我们需要在HTML中创建一个文件...
在网页设计中,上传按钮是必不可少的一个元素,它允许用户选择本地文件并上传到服务器。在本主题中,我们将深入探讨如何实现“上传按钮file美化”,以创建一个类似微博的图片上传界面,同时确保跨浏览器的兼容性。...
本资源提供的"上传文件代码源码"是实现这一功能的具体实现,适用于开发者学习和应用。下面将详细解释相关知识点。 1. **前端文件选择与预览** 在网页上,文件上传通常通过HTML5的`<input type="file">`标签实现。...
2. **按钮**:用户点击后触发文件选择对话框的按钮。Bootstrap提供了多种按钮样式(如 `.btn`, `.btn-primary`, `.btn-secondary` 等),可以根据设计需求选择合适的按钮样式。 3. **反馈指示器**:显示文件上传...
在本场景中,我们将使用WinForm创建一个简单的文件选择界面,用户可以通过点击按钮选择要上传的文件。 接着,我们要了解HTTP协议。HTTP(超文本传输协议)是互联网上应用最为广泛的一种网络协议,用于从Web服务器...
而删除已上传文件的功能,通常需要提供一个删除按钮,点击后确认删除操作,这涉及到前端的事件监听和后端的API调用。 6. **安全性**:在实现这些功能时,安全性也不容忽视。例如,需要防止CSRF(跨站请求伪造)攻击...
在按钮的点击事件处理器中,我们可以获取到选中的文件列表,并使用Ajax或者EXTJS的FormData对象来发送POST请求到服务器。FormData对象可以方便地封装文件数据并发送到后端。例如: ```javascript form.getForm()....
当用户点击“浏览”按钮时,会弹出一个对话框,让他们可以选择单个文件或多选文件夹。一旦用户选定,文件路径可以存储在一个变量中供后续使用。 接着,我们需要一个上传机制。在C#中,我们可以使用`HttpClient`类来...
5. 如果需要实时预览上传的图片,可以使用HTML5的File API或者通过AJAX异步上传文件,然后返回一个预览URL。 6. 在CSS中,我们可以通过设置`position: absolute`和适当的`z-index`来将FileUpload控件覆盖在图像按钮...
在本教程中,我们将探讨如何将传统的文字式上传按钮转化为具有视觉吸引力、可点击图片的上传组件,如同微博中的图片上传按钮。 首先,我们需要了解基本的HTML和CSS知识。上传按钮通常由`<input type="file">`标签...
标题中的“Flash制作的上传文件控件”是指利用Adobe Flash技术创建的一种交互式组件,用于在网页上实现文件上传功能。这种控件通常由ActionScript编写,ActionScript是Flash平台上的编程语言,允许开发者创建动态...
### .NET 使用 FileUpload 控件上传文件 ...为了实现单个文件的上传功能,首先需要在网页上放置一个 `FileUpload` 控件和一个 `Button` 控件,用户通过 `FileUpload` 选择文件,点击按钮后触发上传操作。 ```csharp ...