Ajax上传文件及携带参数

Ajax上传文件及携带参数HTML 代码 lt divclass form group gt lt labelclass col sm 2control label gt 文件上传 lt label gt amp l

HTML代码

 <div class="form-group"> <label class="col-sm-2 control-label">文件上传 
     label> <div class="col-sm-10"> <input type="file" class="file" id="search_key_file" accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>  
      div>  
       div> <div class="form-group"> <label class="col-sm-2 control-label">渠道来源 
        label> <div class="col-sm-10"> <input type="radio" name="search_key_type" value="1" checked> <label>PC 
         label> <input type="radio" name="search_key_type" value="2"> <label>移动 
          label>  
           div>  
            div> <div class="form-group"> <div class="col-sm-10 col-sm-offset-2" style="margin-top: 10px;"> <button class="btn btn-primary" type="button" onclick="xhrSubmit();"> 确定  
             button> <button class="btn btn-white" type="button" onclick="cancelXhrSubmit();"> 返回  
              button>  
               div>  
                div> 

JS代码

var file_obj = document.getElementById('search_key_file').files[0]; console.log(file_obj); if (typeof (file_obj) == "undefined") { 
    toastr.error("请选择需要导入的搜索词文件"); return; } var type = $("input[name='search_key_type']:checked").val(); var fd = new FormData(); fd.append('accountId', searchKeyAccountId); fd.append('file', file_obj); fd.append('type', type); $.ajax({ 
    url: '//', type: 'POST', data: fd, processData: false, //tell jQuery not to process the data contentType: false, //tell jQuery not to set contentType //这儿的三个参数其实就是XMLHttpRequest里面带的信息。 success: function (result, a1, a2) { 
    result = JSON.parse(result); if (result.code == 0) { 
    toastr.success("导入成功"); var temp = document.getElementById('search_key_file'); temp.outerHTML = temp.outerHTML; cancelXhrSubmit(); } else { 
    toastr.error(result.msg); } } }) 

清除上一次选中的文件

 var temp = document.getElementById('search_key_file'); temp.outerHTML = temp.outerHTML; 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/207786.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午1:06
下一篇 2026年3月19日 下午1:06


相关推荐

  • python计算平均值的代码(python3求平均值)

    计算平均值【问题描述】从键盘输入三个整数,分别存入x,y,z三个整型变量中,计算并输出三个数的和以及平均值。【输入形式】从键盘输入三个整数,整数之间以空格隔开。【输出形式】在屏幕上分两行显示结果:第一行为三个数的和,整数形式输出;第二行为三个数的平均值,浮点数形式输出,小数点后保留两位小数。【输入样例】323【输出样例】82.67【样例说明】3、2、3的和为8,所以第一行输出8;第二行输出3、2、3的平均值2.67(保留两位小数)。实现代码:x,y,z=(inpu.

    2022年4月15日
    67
  • centos7.0 web服务器搭建「建议收藏」

    centos7.0 web服务器搭建「建议收藏」centos7.0web服务器搭建前言按照先易后难排序,在vmware虚拟机环境下模拟,统一防火墙为Firewall,统一在xshell下操作终端实现搭建.(强烈建议新手安装选择带gui服务器这样终端操作可以复制,分析文件,熟系操作之后可以最小安装(如果没有桌面,用xshell连接操作终端比较方便),我就是进过这样的坑)关于搭建分为三步,第一步配置网络(非虚拟机…

    2022年5月28日
    45
  • 【Android布局】在程序中设置android:gravity 和 android:layout_Gravity属性「建议收藏」

    【Android布局】在程序中设置android:gravity 和 android:layout_Gravity属性「建议收藏」在进行UI布局的时候,可能经常会用到 android:gravity 和 android:layout_Gravity这两个属性。 关于这两个属性的区别,网上已经有很多人进行了说明,这边再简单说一下。(资料来自网络)    LinearLayout有两个非常相似的属性:android:gravity与android:layout_gravity。 他们的区别在于: android:gravi

    2022年7月26日
    9
  • JAVA数组的定义及用法

    JAVA数组的定义及用法

    2021年12月5日
    53
  • RBAC权限管理

    RBAC权限管理

    2021年12月6日
    48
  • linux修改用户名密码的命令_centos7修改用户名密码

    linux修改用户名密码的命令_centos7修改用户名密码1、更改密码:普通:passwdroot:sudopasswd2、更改用户名:方法一:只在当前终端生效exportPS1=’用户名’方法二:修改初始化文件,永久生效1、执行命令cd~vi.bashrc2、在最后一行加:exportPS1=’新用户名:’3、保存退出4、执行命令:source .bashrc修改完成。 …

    2026年1月17日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号