ajax文件上传方法

1 篇文章 0 订阅
1 篇文章 0 订阅

<meta http-equiv="Content-Type" content="multipart/form-data;charset=UTF-8" />

 

$("#submit").on('click', function(){

    //可以上传除了文件以外的数据,并由Ajax一并提交到后台

    Var fd = new FormData();

    fd.append("upload", $("#upload").get(0).files[0]);

 

    console.log("undefined" != typeof(fd) && fd != null && fd != ""); //判断fd是否不可用

    console.log($("#upload").get(0).files[0]); //查看文件详细信息

 

    $.ajax({

               url: '/xxx/upload(.do)',

               type: 'post',

              data: fd,

              contextType: false,  //必写,为了防止浏览器自动转换发送出的数据格式为字符串或其他

              processData: false,  //必写,为了防止浏览器自动转换发送出的数据格式为字符串或其他

              success: function(data){

                     Console.log(data);

              }

       });

       return false; //禁止表单跳转

});

 

//返回项目列表页

function toIndex(param){

       Window.openInside('/' + SYS_CONTEXTROOT + '/xxx/index(.do)',param);

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于Spring MVC和AJAX文件上传下载,你可以按照以下步骤操作: 文件上传: 1. 创建一个包含文件上传表单的HTML页面。 2. 创建一个Spring MVC控制器,用于处理文件上传的请求。 3. 在控制器中,使用`@RequestMapping`注解来映射文件上传的URL,并使用`@RequestParam`注解来接收文件。 4. 在处理方法中,使用MultipartFile参数来接收上传的文件,并使用`transferTo()`方法将文件保存到指定位置。 文件下载: 1. 创建一个Spring MVC控制器,用于处理文件下载的请求。 2. 在控制器中,使用`@RequestMapping`注解来映射文件下载的URL。 3. 在处理方法中,使用`@PathVariable`注解来接收文件名参数。 4. 使用`ServletContext`对象获取文件路径,并创建一个`File`对象。 5. 使用`ResponseEntity`类设置下载响应的头部信息和内容。 通过AJAX实现文件上传和下载: 1. 使用JavaScript创建一个AJAX请求对象。 2. 使用FormData对象将文件添加到请求中。 3. 发送AJAX请求到Spring MVC控制器的URL,并设置请求方法为POST。 4. 在Spring MVC控制器中,使用MultipartFile参数接收文件,并处理文件上传的逻辑。 5. 在返回的响应中,可以包含上传成功或失败的消息。 注意:在Spring配置文件中,需要配置multipart解析器来支持文件上传。 以上是实现Spring MVC和AJAX文件上传下载的一般步骤,你可以根据具体需求进行适当的调整和扩展。希望对你有所帮助!如果还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值