1.首先是Struts.xml的配置
<action name="uploadexc" method="uploadExcel" class="com.maixin.code.action.UserWorkTimeAction" >
<interceptor-ref name ="fileUploadStack" >
<!-- <param name="allowedTypes">xls,xlsx</param> -->
<param name="maximumSize">20000000000</param>
</interceptor-ref>
<result type='json'>
<param name="contentType">text/html</param>
<param name="excludeProperties">upload,userWorkTimeSer</param>
</result>
</action>
2.action的写法
/**
* 上传Excel
* @return
*/
public String uploadExcel(){
try {
Date d = new Date();
System.out.println("uploadFileName = "+this.uploadFileName);
//upload -- wapps 下面的文件夹,用来存放图片
String toSrc = ServletActionContext.getServletContext().getRealPath("upload")+"/"+d.getTime()+getFileExp(this.uploadFileName); //使用時間戳作為文件名
System.out.println("toFile= "+toSrc);
File toFile = new File(toSrc);
writeFile(this.upload,toFile);
userWorkTimeSer.saveExcelWorkTime(upload);
} catch (Exception e) {
e.printStackTrace();
}
return SUCCESS;
}
2.JS的写法
this.uploadform.getForm().submit({
url: 'uploadexc.action',
//waitMsg: 'Uploading your photo...',
success: function(response){
},
failure:function(response){
//上传完后,返回失败,
Ext.getCmp('upwindow').hide();
Ext.getCmp('userWorkTimeGrid').getStore().reload();
}
});
在Struts2 中,上传完成后,返回的JSON时,提示下载,用上面的配置后,不会提示了,Ajax返回的居然是failure,很是奇怪,使用fileBug查看也是正常的,不过算是解决了!呵呵
分享到:
相关推荐
EXTJS批量上传下载是EXTJS框架中实现的一种高级交互功能,允许用户一次性处理多个文件的上传和下载操作,极大地提高了工作效率。EXTJS是一款强大的JavaScript组件库,它提供了丰富的UI控件和灵活的数据绑定机制,...
"EXTJS上传全代码"这个标题暗示我们将讨论EXTJS中的文件上传功能,特别是单文件上传,而非多文件(群)上传。 在EXTJS中,实现文件上传通常涉及到以下关键知识点: 1. **EXTJS FormPanel**: 这是EXTJS中用于创建...
6. **事件监听**:EXTJS 提供了一系列事件,如`fileselect`(文件选择后触发)、`beforesend`(文件发送前触发)和`uploadcomplete`(所有文件上传完成后触发),允许开发者在这些关键时刻介入处理逻辑。 7. **与...
当用户在浏览器中选择文件后,这个SWF对象将负责与服务器进行通信,上传选定的文件。为了保证兼容性,即使在不支持HTML5的浏览器中,这个Flash组件也能确保文件上传功能的正常工作。 在EXTJS3.0多文件上传组件中,...
- **错误处理**:当上传失败时,能够捕获错误并提供相应的提示信息。 为了实现上述功能,`UploadDialog`组件内部使用了多种技术和方法: - **HTML表单提交**:通过构建一个隐藏的HTML表单,并设置合适的属性(如`...
总结来说,"extjs java 上传文件进度条"这个主题涉及到前端与后端的交互,需要理解ExtJS组件的使用,熟悉Ajax异步上传,掌握Java服务器处理文件上传的逻辑,以及HTTP协议、JSON通信等相关知识。通过这些技术的结合,...
例如,当文件上传成功,你可以更新ExtJS的数据存储,或者显示一个成功的提示。 4. **用户界面**:为了展示上传进度,可以使用ExtJS的进度条组件,并根据Plupload的进度更新其值。同时,可以创建一个列表或网格来...
当文件上传失败或遇到问题时,UploadDialog应提供适当的错误提示。这可能涉及捕获并解析服务器返回的错误信息,然后显示给用户。 8. **插件和扩展** ExtJS社区提供了许多与UploadDialog相关的插件,如预览功能、...
6. **异常处理**:为可能出现的上传错误(如网络问题、磁盘空间不足等)提供合适的错误提示和处理机制。 7. **进度反馈**:SWFUpload可以发送回调事件到JavaScript,更新上传进度。利用ExtJS的事件监听和组件更新,...
在本文中,我们将深入探讨如何使用ExtJS 3.x实现多文件上传功能,结合Struts2框架进行数据处理。首先,我们需要确保环境配置正确。在描述中提到,我们需要将一系列Struts2相关的库文件复制到项目的`WebContent\lib`...
在批量图片预览上传场景中,EXTJS可以用于构建前端交互界面,处理用户的选择和上传逻辑。 1. **EXTJS组件使用**:EXTJS 提供了FileField组件,可以用来接收用户选择的文件。配合UploadButton或FormPanel,可以方便...
总结来说,ExtJS4实现多附件上传组件涉及的关键技术点有文件选择、事件处理、Ajax上传、进度反馈、错误处理以及自定义组件的封装。通过理解这些知识点,你不仅可以构建一个功能完备的上传功能,还能提升对ExtJS组件...
3. **事件处理**:如`change`(文件选择后触发)、`beforeupload`(上传前触发,可进行预处理或验证)、`uploadstart`(单个文件上传开始时触发)、`uploadprogress`(上传过程中更新进度)、`uploadcomplete`(上传...
总结起来,Java+ExtJS实现单文件上传涉及的主要知识点包括:Java Servlet的Multipart处理、文件流操作、ExtJS表单组件以及异步请求的处理。理解这些概念并熟练应用,可以帮助你构建一个完整的文件上传系统。在实际...
总的来说,"Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现"这个主题涵盖了Web开发中的前端交互、后端服务、文件处理和用户界面等多个方面。通过学习这篇博客,开发者可以掌握如何在ExtJS应用中创建一个...
通过使用ExtJS4的事件处理机制和数据模型,可以轻松地与后台服务器进行交互,实现文件的上传、删除和状态更新等功能。 为了实现这一功能,开发者需要编写JavaScript代码来初始化SwfUpload实例,设置各种配置参数,...
总结来说,ExtJS 3.x Upload组件是Web开发中处理文件上传的重要工具,它提供了一套完整的解决方案,包括用户界面、交互逻辑以及与服务器的通信。通过理解和掌握这个组件,开发者可以创建出功能强大且用户体验良好的...
这样,你就可以在文件上传时看到进度提示了。 总的来说,ExtJS 2.x实现文件上传组件涉及到的主要知识点包括:FormPanel组件的使用、FileUploadField的创建、表单的Ajax提交、以及可能需要的额外插件如...
在本文中,我们将深入探讨如何使用ExtJs框架实现图片的批量显示、上传和删除功能。ExtJs是一款强大的JavaScript库,专用于构建富客户端应用程序,它提供了丰富的组件和强大的数据管理能力,非常适合处理图像操作。 ...
综上所述,"ExtJS文件上传示例"将涵盖上述各个知识点,通过实际代码展示如何在客户端创建文件上传表单,处理文件选择、预览、上传及错误处理,以及与服务器端接口的交互。这个示例对于理解ExtJS的表单处理和文件操作...