zoukankan      html  css  js  c++  java
  • jQuery上传文件

    页面:

    <div class="container">
      <label>请输入标题:</label>
      <input type="text" placeholder="请输入" id="title" autocomplete="off">
      <label>请输入您的昵称:</label>
      <input type="text" placeholder="请输入" id="name" autocomplete="off">
      <label>附件:</label>
      <input id="file" type="file" value="" placeholder="附件">
      <input id="send" type="button" value="提交">
    </div>
    

    JS:

    $("#send").click(function () {
            //创建表单
            var formData = new FormData();
            var title = $("#title").val();
            var name = $("#name").val();
            var file = $("#file")[0].files[0];
            //填充数据
            formData.append("title",title);
            formData.append("name",name);
            formData.append("file",file);
            
            $.ajax({
                type: "POST",
                url: "/mailtool/mail/send",
                //data: msg="+msg+"&title="+title+"&name="+name+"&file="+file,
                data: formData,
                contentType: false,
                processData: false,
                mimeType:"multipart/form-data",
                success: function(data){
                    if(data == "success"){
                        alert("发送成功");
                    }else{
                        alert(data);
                    }
                }
            });
        })
    

    后台:

    @RestController
    @RequestMapping("/mail")
    public class Send {
        @PostMapping(value = "/send",produces="text/html;charset=utf-8")
        @ResponseBody
        public String send(@RequestParam(value = "file",required = false) MultipartFile file,@RequestParam("title") String title,@RequestParam("name") String name){
        //todo
      } }
  • 相关阅读:
    时空权衡之计数排序
    何时发生隐式类型转换
    常量指针与指针常量的区别
    虚函数有关面试题
    C++中数组定义及初始化
    InputStream类的available()方法
    FORK()函数
    面向对象三大基本特性,五大基本原则
    SpringMVC工作原理
    java文件的上传
  • 原文地址:https://www.cnblogs.com/i-tao/p/13559607.html
Copyright © 2011-2022 走看看