专栏首页山河木马input type= file通过ajax 来异步上传

input type= file通过ajax 来异步上传

input类型设为file: <label for="img_input"></label> <input id="img_input" type="file"/>

  1. 获取文件内容: var file = document.getElementById('fileToUpload').files[0];
  2. 上传: XMLHttpRequest Level 2添加了一个新的接口FormData。利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件。比起普通的Ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件。
// 创建  var form_data = new FormData();  
// 获取文件  
var file_data = $("#img_input").prop("files")[0];  
// 把所以表单信息  
form_data.append("id", "001");  
form_data.append("name", "test");  
form_data.append("img", file_data);  
$.ajax({    type: "POST",   url: "....",   dataType : "json",   processData: false, // 注意:让jQuery不要处理数据   
contentType: false, // 注意:让jQuery不要设置   
contentType data: form_data }).success(     function(msg) {
 console.log(msg); 
}    ).fail(     function(msg) {
  console.log(msg); 
}    );
  
 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript replace() 方法 及正则表达式

    replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

    山河木马
  • 文件上传到oss代码片段

    山河木马
  • JS截取字符串常用方法

    功能:字符串截取,比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6)

    山河木马
  • Django后端分离 使用element-ui文件上传方式

    补充知识:django后台接口处理element-ui的el-upload组件form data类型数据

    砸漏
  • 小白博客 SQL注入实战

    本文仅供学习交流,目的是为了构建更加安全的网络环境! 注入地址 某VIP会员专用系统http://www.tcmpv.com/index.php/...

    奶糖味的代言
  • Netty之美--I/O模型

    「同步(synchronous)」是指当一个任务A的执行需要依赖于另外一个任务B的执行结果时,任务A必须等待任务B执行完成,才可以继续执行;

    早安嵩骏
  • Spring 异步线程池的使用 原

    只需要创建一个 Java 配置类, 实现 AsyncConfigurer 接口, 实现 getAsyncExecutor 方法返回线程池. 在 java 配置文...

    北漂的我
  • Java并发之 volatile & synchronized & ThreadLocal 讲解

    Java 之 volatile & synchronized & ThreadLocal 讲解 在并发编程中,基本上离不开这三个东西,如何实现多线程之间的数据...

    一灰灰blog
  • Bash Shell 小试牛刀

    一、终端打印 [root@cai ~]# echo welcome to bash! welcome to bash! [cairui@cai ~]$ echo...

    用户1173509
  • keras实现基于孪生网络的图片相似度计算方式

    2.问题 1)数据加载没有用生成器,还得继续认真看看文档 2)训练时划分验证集的时候,训练就会报错,什么输入维度的问题,暂时没找到原因 3)输入的shape好像...

    砸漏

扫码关注云+社区

领取腾讯云代金券