不使用form表单提交方式提交文件

最新推荐文章于 2024-07-09 09:24:08 发布

wangc_gogo

最新推荐文章于 2024-07-09 09:24:08 发布

阅读量3.3k

点赞数

分类专栏： js

js 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

<body>
       <input type="file" id="importFile"/>
       <input type="button" id="import-submit" value="提交导入文件"/>
   </body>
   <script type="text/javascript">
   $('#import-submit').click(function () {
           var formData = new FormData();
       var name = $("#importFile").val();
       formData.append('file', $("#importFile")[0].files[0]);
       // 此处可传入多个参数
       formData.append('name', name);
       $.ajax({
               url: '/collar/import',
               type: 'post',
               async: false,
               data: formData,
               processData: false,// 告诉jQuery不要去处理发送的数据
               contentType: false,// 告诉jQuery不要去设置Content-Type请求头
               beforeSend: function () {//过程...
               console.log('正在进行，请稍候')
               },
               success: function (res) {
               if (+res === '01') {
                           console.log('导入成功')
                   } else {
                   console.log('导入失败')
                   }
               },
               error:function(){
                      console.log('导入失败')
               }
               })
           })
       </script>

   @RequestMapping("/import")
   public void export(VivoIMEIUp zipRequest, @RequestParam("file") MultipartFile file,
       HttpServletRequest request, HttpServletResponse response) {
       //通过file.getInputStream();处理
   }

原文：https://blog.csdn.net/weixin_43992507/article/details/85091642

wangc_gogo

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
不使用form表单提交方式提交文件

<body> <input type="file" id="importFile"/> <input type="button" id="import-submit" value="提交导入文件"/> </body> <script type="text/javascript"> ...
复制链接

扫一扫

专栏目录