前端Ajax提交文件类型

翻译 2018年04月17日 09:12:41
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax_send</title>
</head>
<body>
<h3>Ajax上传文件</h3>

<p><input type="text" name="username" id="username" placeholder="username"></p>
<p><input type="file" name="upload_file_ajax" id="upload_file_ajax"></p>

<button id="upload_button">提交</button>


<script src="jquery-3.2.1.min.js"></script>
<script>
    $("#upload_button").click(function(){

        var username=$("#username").val();
        var upload_file=$("#upload_file_ajax")[0].files[0];    # 拿到上传的文件

        var formData=new FormData();                 // 生成FormData对象
        formData.append("username",username);              // 组装字符型键值对
        formData.append("upload_file_ajax",upload_file);   // 组装文件类型的键值对


        $.ajax({
            url:"http://192.168.3.190:8000/api/v1/user/login/face",
            type:"POST",
            data:formData,
            contentType:false,      # 必须要写
            processData:false,      # 必须要写

            success:function(){
                alert("上传成功!")
            }
        });


    })
</script>
</body>
</html>

Ajax异步数据交互

本课程属于JavaScript高级编程技术,所以在学习此技术之前一定要先掌握JavaScript与WEB开发技术后才可以进行学习。官方QQ群:612148723。
  • 2016年12月31日 23:30

Ajax下载文件(页面无刷新)

说明:Ajax是无法实现文件传输的,本文只是模拟了Ajax不刷新页面就可以请求并返回数据的效果。实质上还是通过提交form表单来返回文件流的输出。 分步实现逻辑: ajax请求服务器,访问...
  • CarryBest
  • CarryBest
  • 2017-04-27 09:20:17
  • 3131

ajax做excel导出

环境后台语言:java 框架:play framework1ajax好像不能直接用过做excel导出今天测试了下: 前端代码: $("#export").click(function(){...
  • u013066244
  • u013066244
  • 2016-12-29 17:34:43
  • 9490

Ajax导出Excel的做法流程

问题:我们发现直接使用ajax请求后台导出数据至Excel的过程中,后台程序必须为void类型,且使用ajax导出无任何反应,对于大数据的导出而言,不能使用ajax掌握导出的结束时间就无法给出结束提示...
  • yindubing
  • yindubing
  • 2016-06-08 09:34:22
  • 20110

用 ajax 导出 execl 生成csv格式

// 前段代码 : //--------------------------------------------------------------------------------------...
  • godisdogbutisdog
  • godisdogbutisdog
  • 2015-07-17 15:06:02
  • 1669

asp.net+<em>Ajax</em>实现Excel<em>文件</em>导出

举报人: 被举报人: humors 举报的资源分: 5 *<em>类型</em>: *详细原因: 取  消 提  交 asp.net+<em>Ajax</em>实现Excel<em>文件</em>导出 5积分 立即下载 ...
  • 2018年04月17日 00:00

ajax实战:(ajax异步下载文件)请求二进制流进行处理

需求 管理后台需要随时下载数据报表,数据要实时生成后转换为excel下载 文件不大,页面放置“导出”按钮,点击按钮后弹出保存文件对话框保存 说明:第一...
  • swl979623074
  • swl979623074
  • 2017-09-05 20:13:00
  • 4358

文件下载不能使用ajax的替代解决方案

前天我们决定优化一下之前使用系统的导出excel和pdf文件功能,由于有时候数据量比较大,服务器查询数据和生成文件的事件可能会比较长,于是我们决定在前台页面加一个”数据处理中”的提示,在此期间不让用户...
  • sj452857582
  • sj452857582
  • 2016-07-21 15:15:47
  • 1542

ajax 获取文件流 的另类解决办法

尝试了下$.ajax或者$.post等方式去后台获取文件
  • spring123tt
  • spring123tt
  • 2014-08-26 17:58:06
  • 15510

Ajax数据返回格式问题解决

Ajax数据返回格式问题解决      服务端返回的数据格式为:      response.setContentType("text/xml;charset=utf-8");      设置发送到客...
  • sunhuaqiang1
  • sunhuaqiang1
  • 2016-05-11 14:20:09
  • 44763
收藏助手
不良信息举报
您举报文章:前端Ajax提交文件类型
举报原因:
原因补充:

(最多只允许输入30个字)