采用 ajaxfileupload.js
前台页面
<form> <img src="/static/img/logo.png" id="logoImg" class="img-polaroid"> <input type="file" name="userPhoto" id="userPhoto"> <input type="button" value="上传" id="shangchuan"> </form>
AJAX提交方法
$("#shangchuan").click(function(){ var file = $("#userPhoto").val(); if(file==""){ alert("请选择上传的图片"); return; } else{ //判断上传的文件的格式是否正确 var fileType = file.substring(file.lastIndexOf(".")+1); if(fileType!="png"&&fileType!="jpg"){ alert("上传文件格式错误"); return; } else{ var url = "..."; $.ajaxFileUpload({ url:url, secureuri:false, fileElementId:"userPhoto", //file的id dataType:"text", //返回数据类型为文本,不能填json,不然会报错 success: function (data, status){ $("#logoImg").attr("src",data); }, error: function (data, status, e){ alert(e); } }) } } })
后台:
@RequestMapping(value = "/addLogo") public String addLogo(@RequestParam("userPhoto") MultipartFile userPhoto) throws Exception { String fileName = "/brand"+DateTimeUtils.format(new Date(),"yyyy_MM_dd_HH_mm_ss")+userPhoto.getOriginalFilename(); String url = ImageUtils.uploadByName(userPhoto.getInputStream(), fileName); //上传文件的方法这里忽略 return url; }
相关推荐
Ajax上传图片
php+ajax批量上传图片,php+ajax上传图片,ajax+php上传图片,批量上传,批量上传图片
ajax上传图片,不支持跨域提交。只支持本地提交。 自己改了下ajaxfileupload.js.经测试是没问题的。 如果需要跨域提交,需要写中间层。这里没提供。 忘给个好评
实现Jquery Ajax 给服务端上传一个图片
ajax上传图片,PHP上传图片,PHP上传图片跨域,跨域上传图片,上传图片缩览图
AJAX 图片上传 进度条 无刷新 AJAX上传图片,并显示上传进度条
非传统ajax上传,实现更方便,使用更方便,二次修改更方便
fileUpload(兼容IE的Ajax上传图片),可兼容IE8,解决了ajaxfileupload.js无效的问题
Ajax上传图片(缩略图)源码 示例使用该方法主要是为了解决打印报表时由于图片大小没有合理的比例规范导致报表样式变形,同样该方法也适合网站或论坛由用户上传源图片生成微缩头像等。 1.Ajax无刷新上传图片。(jquery...
3.图片上传 并且ajax无刷新显示(使用了ajaxfileupload插件) 学习JFinal练习时所作demo,分享出来供需要的大家参考 项目引入eclipse,使用tomcat容器运行即可,localhost/项目名 访问 数据库mysql,转储的sql文件...
springmvc集合jquery插件上传图片及文件,非常简单,代码量非常少,可无缝引入到你的项目中。网上很多资源都无法运行,这个绝对可用。
ajax上传图片
ajax实现图片上传
使用struts2 框架 中的文件上传,然后使用ajax上传图片以及form表单的数据
ajax图片上传插件,ajax图片上传插件,ajax图片上传插件,ajax图片上传插件
asp.net+ajax批量上传图片,asp.net+ajax上传图片,ajax+asp.net上传图片,批量上传,批量上传图片
net ajax 图片无刷新上传。 选择文件后立即上传文件。并生成指定尺寸的缩略图。 net上传文件生成多个缩略图。
很不错的php+ajax上传图片(js)实例,供初学者学习。。。。。。。