uploadify和springmvc结合

spring MVC uploadify spring mvc multipartResolver结合uploadify操作图片文件上传与预览 立即下载

1.下载uploadify插件包

2.在Manven  的pom.xml文件中配置commons-fileupload的包

                        <dependency>
				<groupId>commons-fileupload</groupId>
				<artifactId>commons-fileupload</artifactId>
				<version>1.3</version>
			</dependency>

html代码

首先要导入

<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/resources/uploadify/uploadify.css">
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/resources/uploadify/jquery.uploadify.js"></script>
<script type="text/javascript">


<script type="text/javascript">
$(function() {
	$('#attach').uploadify({
		'swf'      : $("#ctx").val()+'/resources/uploadify/uploadify.swf',
		'uploader' : 'upload',
		//服务器段访问的名称
		'fileObjName':'attach',
		//限制文件上传类型
		'fileTypeExts' : '*.gif; *.jpg; *.png; *.txt',
		//不能自动上传
		'auto':false,
		'onUploadSuccess':function(file,data,response){
			alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
			//字符串转换成json
			var ao=$.parseJSON(data);
			alert(ao.result);
		}
	});
	$("#upload").click(function(){
		$("#attach").uploadify("upload","*");
	});
});
</script>

</head>

<body>
	<input type="hidden" id="ctx" value="<%=request.getContextPath()%>"/>
	<input type="file" name="attach" id="attach" />
	<input type="button" value="上传文件" id="upload"/>
	<a href="javascript:$('#attach').uploadify('upload')">Upload Files</a>
</body>

spring配置文件

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"/>


java代码

@RequestMapping(value="/upload",method=RequestMethod.POST)
	public @ResponseBody void upload(MultipartFile attach,HttpServletResponse resp) throws IOException{
		//System.out.println(attach.getOriginalFilename());
		resp.setContentType("text/plain;charset=UTF-8");
		AjaxObj ao=new AjaxObj();
		resp.getWriter().write(JsonUtil.getInstance().obj2json(ao));
	}




Open FPV VTX与Betaflight的MSP协议配置详解:从硬件连接到OSD显示 本文详细解析了如何通过MSP协议将Open FPV VTX与Betaflight飞控进行深度集成,实现飞行数据在OSD上的稳定显示。内容涵盖从硬件连接、Betaflight端口MSP服务启用,到VTX侧配置与OSD元素布局调校的全流程,并提供了常见问题的排查思路,帮助FPV玩家构建可靠的数据叠加系统。 阅读详情

相关推荐

普冉PY32F003定时器实战:从HSE时钟配置到500ms精准闪烁LED(附完整代码)

本文详细解析了普冉PY32F003单片机定时器的实战应用,从HSE时钟配置到实现500ms精准LED闪烁。通过完整的代码示例和深入的技术分析,帮助开发者掌握定时器参数计算、中断优先级管理及调试技巧,适用于各类嵌入式开发项目。

weixin_30608503的博客 453

SpringMVC 中文件上传 MultipartResolver以及uploadify的使用

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34343308的博客 154

微信小程序scroll-view,点击menu,滚动到锚点;滚动到锚点,激活menu。

首先看看效果图1、首先是点击菜单,滚动列表,这个实现比较简单。直接使用scroll-view 的 scroll-into-view属性,小程序文档。&lt;view class='container'&gt; &lt;!-- 菜单 --&gt; &lt;view class='menu'&gt; &lt;ul&gt; &lt;!-- scrollList 修改cate --&g...

weixin_39834214的博客 1万+

Springmvc+uploadify实现文件上传

出处:http://www.iteye.com           Springmvc+uploadify实现文件上传      网上看了很多关于文件上传的帖子,众口不一,感觉有点乱,最近正好公司的项目里用到JQuery的uploadify控件做文件上传,所以整理下头绪,搞篇文档出来,供亲们分享。          Uploadify控件的主要优势是可以实现批量文件上

常思考->有目标->重实践->善反思 4614

Mathcad在LLC谐振变换器设计中的公式推导实战

本文通过Mathcad软件,详细演示了LLC谐振变换器设计的核心公式推导实战。文章阐述了如何利用Mathcad作为“会思考的草稿纸”,从定义基本参数、应用基波近似法(FHA)模型,到逐步推导电压增益公式及确定工作边界频率(fmin, fmax),并展示了如何通过动态参数扫描进行优化设计,帮助电源工程师高效、直观地完成理论计算,为后续仿真与实现奠定坚实基础。

q1w3e5r7t9y的博客 299

Ubuntu安装pytorch3d的最便捷方法【原创】

Ubuntu安装pytorch3d的最便捷方法

qq_54900679的博客 2926

【uploadify】使用Uploadify+SpringMVC实现不用From文件页面无刷上传

1、uploadify官网下载jquery.uploadify.min.js 网址http://www.uploadify.com/下载最新版本的uploadify 文件目录如下图: 1:min.js文件; 2:取消上传用的X号图片; 3:样式css,可以实现下图样式: 4:swf文件。 2、JSP页面<%@ page language="j

唐Ian的博客 1464

大模型驱动时序量化因子自动优化:从WorldQuant回测到实战策略

本文探讨了如何利用大模型驱动时序量化因子的自动优化,构建从创意生成到实战验证的完整流程。通过结合WorldQuant回测平台,搭建自动化流水线,详细拆解了因子生成、回测验证与迭代优化的核心模块。文章分享了从初版实现到进阶优化的实践经验,并指出提示词工程与领域知识注入是关键,旨在实现人机智能协作,提升量化策略研发效率。

wdx012345的博客 804

uploadify

文章转载 :http://www.cnblogs.com/W203654/archive/2012/10/18/2728850.html 使用的uploadify 3.1 和easyUI   效果图 自己写得uploadify.js function getRootPath(){ //获取当前网址,如: http://localhost

zx804346249的专栏 2976

【Google Play 上架】内部 / 封闭 / 开放 测试全解 — “只跑一个就能上架”?不行!

Google Play新规要求个人开发者账号在2023年11月13日后必须通过封闭测试(Closed testing)才能上架应用。封闭测试需要至少12名测试者连续14天保持参与状态,而内部测试和开放测试不能替代这一要求。三类测试轨道各有特点:内部测试用于快速内部验证,封闭测试是上架必经环节,开放测试面向更广泛用户但非必需。上架流程建议先内部测试修复问题,再启动封闭测试满足14天要求,最后申请生产发布。组织账号和早期个人账号可能不受此限制。开发者应提前规划测试人群,确保持续测试周期,并关注Play Cons

技术小甜甜:传播可落地技术,帮助个人和企业降低解决真实场景问题的成本 2802

基于STM32的IMU惯性/姿态解算与多参数上位机可视化实现_资料编号38

本项目实现基于STM32F103C8T6标准库,对姿态/惯性(IMU)传感器姿态解算,通过USB-TTL转串口模块将姿态角/欧拉角、加速度、角速度、磁场、气压、海拔高度、磁力计温度、气压计温度等数据显示在PC端上位机,系统采用可充电锂电池供电。

嵌入式阿齐Archie 1万+

SpringMVC文件上传

  【Spring-MVC AJAX文件上传】 前言 准备筹划一个自己的个人网站,初步的架构设计采用SSH(Spring-MVC,Spring,Hibernate),在这里 顺便记录一下设计和开发过程,以备参考。后续会陆续更新文档,如有任何问题,欢迎各位不吝指出,共 同学习。 环境 开发环境 版本 eclipse 4.3.2 maven 3.2.1 ...

workaccoun的博客 195

AMBA-CHI协议详解(三)

Write Transactions、Atomic transactions、 Stash transactions、 Dataless transactions的等各个事务的事务流。

Crazzy_M的博客 3182

结合项目(Spring+(基于注解的)SpringMVC和Mybatis+uploadify文件上传)--poi解析Excel文件

1.上传文件至服务器 2.解析Excel文件并返回数据集合 3.将数据保存到服务器 框架======Spring+(基于注解的)SpringMVC和Mybatis===== 第一步: 前台: jsp文件采用的是uploadify js: //当DOM(文档对象模型)载入就绪可以查询及操纵时绑定一个要执行的函数。 $(document).ready(funct

习惯有你&的博客 2444

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

uploadify3.2.1+springmvc实现多文件上传

      uploadify3.2.1+springmvc实现多文件上传

iteye_19426的博客 201

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

FTP+SpringMVC+Uploadify实现带进度条多文件上传

由于长期做接口,从来都是研究数据库、字段、增删改。文件的上传下载有些接触,但是都是完全封装后的一个调用,很少接触那么深刻。那么,问题来了。之前忽然接到一个网站,其实很简单,就包括上传、下载、分页。但是一下就感觉晕了。首先js长期不接触,手生了,然后就只能慢慢研究了,各种试。经过4天的工作日以及加班终于完成了这个简单又困难的问题。下载和分页的代码之前已经发了,现在是上传的代码   web前端:

u010810559的专栏 2424

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

java jquery上传文件_SpringMVC + jquery.uploadify实现上传文件功能

前言以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo。刚开始用form表单的方式提交,在Controller Action中用@RequestParam MultipartFile file就能拿到上传文件信息。后我直接使用uploadify的方式上传,接口没有做任何调整,上传的过程中报htt...

weixin_42312392的博客 181

uploadify上传文件实例

以Maven和SpringMVC为例。 1. 上官网[url]http://www.uploadify.com/[/url]下载flash版本的uploadify压缩包。解压缩到WEB-INF/resources/里面。 2. 写后台 [code="java"]package com.lj.cms.dto; /** * 专门用来返回Ajax * @autho...

···· 233

java+uploadify+springmvc实现多文件上传

需求:实现多文件上传。 实现方式 uploadify +springmvc controller fileUrl:文件存放的位置。我放在tomcat下的一个文件夹中 @ResponseBody @RequestMapping("/fileUpload") public String fileUpload(@RequestParam MultipartFil...

weixin_30483495的博客 187

JAVA + uploadify 3.2.1 + Spring MVC + FTP 上传图片

最近在项目中遇到一个上传图片到其他服务器上,在上传的过程中要显示图片,并且页面要局部刷新;最为一个新手来说确实不容易,查找很多资料最终还是解决了。根据自己的理解来写点总结: 运用知识:SpringMVC + uploadify 3.2.1 + FTP + jquery Uploadify 部分:(如果对uploadify不清楚的同学可以看下官网,或者博客,网上有很多很好的例子和资料

u013025479的专栏 2802

java mvc 断点续传_SpringMVC 超大文件上传和断点续传的实现

需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。第一步:前端修改由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分,这部分...

weixin_39834745的博客 128

大文件上传和断点续传分享

需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分,这部分代码封装在bjui-all.js文件中, 在bjui-all.js文件中的全局变量定义中有以下

weixin_52041354的博客 89

java视频上传_java上传视频文件

需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。第一步:前端修改由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分,这部分...

weixin_39616961的博客 248

浏览器上传文件夹的解决方案

了解了BJUI前端框架对于上传大文件的限制,可以这样使用,增大文件上传大小和数量,可以按照如下进行修改,我们在bjui-all.js文件看到uploadLimit属性和fileSizeLimit属性的限制,我们在jsp文件中可以这样进行替换,这里使用的是覆盖原则,重新定义uploadLimit属性和fileSizeLimit属性,覆盖bjui-all.js文件的默认值设置。

weixin_52041354的博客 336

WebUploader上传超大文件和断点续传资源

需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分,这部分代码封装在bjui-all.js文件中, 在bjui-all.js文件中的全局变量定义中有以下

yjjatqihc的博客 107

前端实现文件的断点续传

需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分,这部分代码封装在bjui-all.js文件中, 在bjui-all.js文件中的全局变量定义中有以下

weixin_52041354的博客 371
下一篇: uploadify上传导致session丢失解决方案
shaomiaojava
博客等级 码龄11年 0粉丝 2原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值