位置: 编程技术 - 正文
推荐整理分享解析ajaxFileUpload 异步上传文件简单使用(解析几何),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:解析错误怎么恢复安装,解析软件包时出现问题怎么解决,解析包时出现问题,解析软件包时出现问题怎么解决,解析几何,解析式,解析软件包时出现问题怎么解决,解析包出现错误无法安装怎么办,内容如对您有帮助,希望把文章链接给更多的朋友!
这里就简单介绍下ajaxFileUpload,jQuery插件AjaxFileUpload可以实现ajax文件上传。我们的项目采用的是jsp跟js分离的架构,所以代码如下。
首先是jsp部分:
这里说下 为什么把form注释了,因为我的jsp中已经有了另外一个form 在调试过程中发现可能有冲突就把form注释了,事实证明ajaxFileUpload 不用form表单一样可以提交,下面就是js代码部分:
本人js不好,只是会用这个js不能完全copy走,要结合项目结构的实际情况,不过大体参数干什么的注释都写了。一定注意type是post跟请求对应的Controller的方法的method=RequestMethod.POST 一致。注意dataType:'json' ,一定注意json的大小写。
ps:这里要说一下我用的data.success做的判断跟后面的一个实体类AjaxJson有关系,注意!!!!!
对了 jsp中还需要引入 对应的js如下:
第一段引入的upload 就是上面js的内容,我们的引入js已经被封装好了,所以直接写那就行,具体结合实际情况 ,下面的要用到的jQuery插件AjaxFileUpload的js文件。
接下来是Controller方法如何相应:
这个方法注意几个地方就行,其他的都是楼主本人自身的业务逻辑,第一@RequestMapping中请求的方式为POST,第二传入的参数有个MultipartFile n_file,这个n_file要跟jsp中的<input>标签中name属性对应。第三要注意返回值Sting上的一个注解@ResponseBody,剩下两个需要注意的地方就是AjaxJson,ObjectMapper。
AjaxJson是自己封装的一个model类,用来处理ajax的,至于ObjectMapper是用来转换类型的具体的自己百度或者脑补吧,楼主也紧紧限于会用。下面贴上AjaxJson:
这就是一个简单的ajaxFileUpload 使用流程,欢迎探讨!也希望大家多多支持积木网。
ajax图片上传,图片异步上传,更新实例 最近在研究ajax图片上传,图片异步上传,更新,留作参考。直接上源码吧:js源码:///referencepath="jquery-1.8.3.js"////referencepath="ajaxForm/jquery.form.js"//*!*jQueryu
Jquery EasyUI Datagrid右键菜单实现方法 最近在学JqueryEasyUI,现在来说一说EasyUI的DataGrid,一般当我们在实现前端界面的时候,经常在DataGrid的上面或者后面加一些按钮,方便用户进行一些添加
Html5+jQuery+CSS制作相册小记录 本文主要讲述采用Html5+jQuery+CSS制作相册的小小记录。主要功能点:Html5进行布局调用jQuery(借用官网的一句话:TheWriteLess,DoMore)极大的简化了JavaScript编
标签: 解析几何
本文链接地址:https://www.jiuchutong.com/biancheng/374021.html 转载请保留说明!友情链接: 武汉网站建设