ajaxFileUpload 上传

1.需要ajaxfileupload.js 和 jQery.js 、GSON包

2.spring.xml 配置

<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver" >
<!-- set the max upload size1MB 1048576 -->
<property name="maxUploadSize">
<value>52428800</value>
</property>
<property name="maxInMemorySize">
<value>2048</value>
</property>
</bean>

3. JSP页面

<input type="button" id="import" class="btn btn-primary"
                        style="width: 110px" value="Excel导入">

<input style="display: none" type="file" id="file" name="file"  onchange="excelUpload();"/>

<script type="text/javascript">
//Excel导入ajax
            $("#import").click(function() {
                $("#file").click();
            });

            function excelUpload() {
                $.ajaxFileUpload({
                            url : ‘${pageContext.request.contextPath}/rest/priceShipownerService/excelUpload.json‘,
                            secureuri : false,
                            fileElementId : ‘file‘,
                            dataType : ‘json‘,
                            success : function(data) {
                                alert(data.msg);
                                location.reload();

                            }
                        });}

</script>

4.后台java接收

 1 public void excelUpload(MultipartHttpServletRequest multipartRequest,
 2             HttpServletResponse response) throws Exception {
 3         response.setContentType("text/html;charset=UTF-8");
 4         Map<String, Object> result = new HashMap<String, Object>();
 5
 6         String key = multipartRequest.getFileNames().next();
 7         MultipartFile file = multipartRequest.getFile(key);
 8         String fileName = file.getOriginalFilename();
 9         InputStream is = file.getInputStream();
10         String msg = this.priceShipownerImportExcel(fileName, is);
11         result.put("msg", msg);
12         String json = new Gson().toJson(result,
13                 new TypeToken<Map<String, Object>>() {
14                 }.getType());
15         response.getWriter().print(json);
16
17     }
时间: 2024-10-06 00:07:08

ajaxFileUpload 上传的相关文章

(ajaxfileupload)ajaxfileupload 上传时会出现连接重置的问题

1.ajaxfileupload 上传时会出现如下问题: 2. 网上有很多的解决办法,在这里,我又发现了一种,可能你的错误会是这个原因引起的 ------原因是 : 你在一般处理程序中没有返回前台需要的数据格式字符串 3.下面给出一个例子: 1 前台: 2 <style type="text/css"> 3 .fileLink{position: relative;display: inline-block;background: #fff;border: 1px soli

ajaxFileUpload上传文件后提示下载的问题

在某些版本浏览器下ajaxFileUpload上传文件会提示下载, 1:为什么? 可以观察到,即便返回 JsonResult 在返回的头中也没有任何消息体,直接理解为文本了. 2:解决方案 前端: function uploadImg(fimgi) {    if ($("#fimg" + fimgi).val().length > 0) {        //alert($("#fimg" + fimgi).val().length); }    else

在使用 AjaxFileUpload 上传文件时,在项目发布到 iis 后,图片不能预览

在使用 AjaxFileUpload  上传文件时,图片已经上传成功了,在站点没有发布时,可以预览,可是在项目发布到 iis 后,图片就不能预览,在网上找了很多的方案也没解决,最后的解决方案如下: 1.开始运行 regedit 打开注册表,先备份注册表 2.找到 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\HTTP\Parameters 3.在 编辑 菜单上指向 新建 ,然后单击 DWORD 值 . 4.键入 EnableAggres

用ajaxFileUpLoad上传文件不能正确取得返回值的问题

刚开始没有觉得ajax请求的dataType参数的重要性,用了ajaxFileUpLoad插件后,如果页面代码如下: fileElementId : ['imageToUpload'], url : 'url', dataType : 'json', 返回类型为json数据,那么后台处理上传后,必须将返回值封装成json格式的数据返回给前台页面. 后台封装如下: return "{\"result\":" + "\"OK\"}"

ajaxfileupload上传文件,返回json数据报错的问题。

在使用ajaxfileupload上传文件的时候,文件上传成功了,但是返回的json数据一直解析不了.一直提示:Resource interpreted as Document but transferred with MIME type application/json,从字面上理解返回的是文档不能转换为json.但是从服务器那边返回的response里data-type确实是applicaiton/json.困扰很久,查看ajaxfileupload源代码发现,其实ajaxfileuploa

SpringMVC+ajaxfileupload上传

看这篇的文章之前最好看一下上篇文章这样可以更好的理解! 整个项目的基本配置和上面差不多 不同的是在webRoot文件夹下的js中引入jQuery.js 和ajaxfileupload.js 如何没有这个两个js文件可以到各自的官网下载 现在说说其他的不同之处 DemoController.java   跳转到upload.jsp package com.iss.controller; import org.springframework.stereotype.Controller; import

jQuery的ajaxFileUpload上传文件插件刷新一次才能再次调用触发change

关于用ajaxfileupload时,遇到一个要刷新一次页面才能再次上传,用live()方法来绑定 file表单 的change事件就能够解决,直接$("xxx").change()这样只能调用一次,再次调用change的时候不能触发; IE浏览器下 file表单 选择完成自动提交的问题,在每次处理完成后把 file表单 克隆替换成原来的代码 $("#upload").live("change", function () {     $.ajax

Yii2 使用十二 配合ajaxFileUpload 上传文件

1.js [javascript] view plain copy $("input#upload").change(function () { $.ajaxFileUpload({ url: '/members/web-members-rest/upload.html', secureuri: false, data:{'id':id}, fileElementId:'upload', dataType: 'xml', success: function (data, status)

ajaxFileUpload上传文件成功后却无法解析服务器返回的json数据

ajaxFileUpload是一款很好用的文件上传插件,网上也有很多关于它的版本,但在上传文件成功后想返回json数据给前台时,却会出现无法解析json数据的情况. 仔细调试发现其实在向服务器提交数据后,是进入了success回调函数的,只是没有解析到json数据.那就说明服务器做出了响应的,进入了success方法的,唯一的问题就是前台接受的数据不是json格式的. 使用console.log输出data发现并不是纯粹的json数据,其中头部多了<pre style="word-wrap

ajaxfileupload 上传插件

弄了几天的上传,总是各种不兼容,现在基本算是完善了.目前的状况是发布在我自己的笔记本上,用同事的电脑访问IE10.firefox.chrome都可以正常上传,还有其他不完善的地方,欢迎大家赐教.... ajaxfileupload.js 1 jQuery.extend({ 2 handleError: function (s, xhr, status, e) { 3 // If a local callback was specified, fire it 4 if (s.error) { 5