ajax 上传文件 data,ajax文件上传-FormData()

HTML:

JS:

$("input[type='button']").on('click', upfile);

/**

* [upfile 文件上传]

* @return {[Object]} [成功回调]

function upfile() {

var formData = new FormData();

formData.append("接收字段1", document.getElementById('file1').files[0]);

// console.log(document.getElementById('file1').files[0]);

formData.append("接收字段2", document.getElementById('file2').files[0]);

// console.log(document.getElementById('file2').files[0]);

$.ajax({

url: '接口地址url',

type: 'POST',

data: formData, // 上传formdata封装的数据包

dataType: 'JSON',

cache: false, // 不缓存

processData: false, // jQuery不要去处理发送的数据

contentType: false, // jQuery不要去设置Content-Type请求头

success: function(data) { // 成功回调

console.log(data);

}

});

}

成功后的效果：

AJAX文件上传实践与分析，带HTML5文件上传API。

对于HTML5已经支持AJAX文件上传了,但如果需要兼容的话还是得用一点小技巧的,HTML5等等介绍,先来看看以前我们是怎么写的. 网上可能会有一些叫AJAX文件上传插件,但在AJAX2.0之前是不可 ...

兼容ie的jquery ajax文件上传

Ajax文件上传插件很多,但兼容性各不一样,许多是对ie不兼容的,另外项目中是要求将网页内容嵌入到桌面端应用的,这样就不允许带flash的上传插件了,如:jquery uploadify...悲剧对 ...

ajax 文件上传，ajax

ajax 文件上传,ajax 啥也不说了,直接上代码!

随机推荐

Jquery知识点梳理

Jquery $代表选择器 JS 选取元素操作内容操作属性操作样式

ajax 上传文件 data,ajax文件上传-FormData()相关推荐

python文件ab,Python文件
1.1. 字符编码 1.1.1. 字符编码的作用计算机只认识0和1组成的二进制序列,因此任何文件中的内容(比如"hello neuedu","你好,东软睿道" ...
苹果系统python读取文件_python中文件的读取与写入以及os模块
1.文件读取的三部曲:打开 ---> 操作 ----> 关闭 r(默认参数): -只能读,不能写 -读取文件不存在会报错 FileNotFoundError: [Errno 2] No ...
ajax c 提交form,使用ajax提交form表单，包括ajax文件上传
前言使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的aja ...
Ajax（form表单文件上传、请求头之contentType、Ajax传递json数据、Ajax文件上传）
form表单文件上传上菜 file_put.html <form action="" method="post" enctype="multi ...
jquery ajax 上传文件 demo,Jquery+AJAX上传文件，无刷新上传并重命名文件
index.html Ajax上传图片 Ajax上传图片 function upload(){ var form = new FormData(document.getElementById(&quo ...
ajax请求携带tooken_Spring Boot+Vue 文件上传，如何携带令牌信息？
关于文件上传这块,松哥之前也写了好几篇文章了,甚至还有视频: Spring Boot+Vue+FastDFS 实现前后端分离文件上传但是,之前和小伙伴们提到的方案,是基于 session 来做认证的 ...
ajax上传 java_使用Ajax进行文件与其他参数的上传功能(java开发)
文件上传: 记得前一段时间,为了研究Ajax文件上传,找了很多资料,在网上看到的大部分是form表单的方式提交文件,对于Ajax方式提交文件并且也要提交表单中其他数据,发现提及的并不是很多,后来在同事 ...
html5支持ajax和jQuery吗,使用HTML5文件上传与AJAX和jQuery(Using HTML5 file uploads with AJAX and jQuery)...
使用HTML5文件上传与AJAX和jQuery(Using HTML5 file uploads with AJAX and jQuery) 诚然,Stack Overflow上有类似的问题,但似乎并 ...
ajax 表单提交传文件,Ajax提交Form表单及文件上传
刚刚申请下来的博客,写得第一篇.有点小激动,本人以前是一名工业3D设计师突然有些变故做上了JavaWeb开发: 前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Fo ...
ajax轮询 xml,闲话ajax，例ajax轮询，ajax上传文件
引语:ajax这门技术早已见怪不怪了,我本人也只是就自己真实的经验去总结一些不足道的话.供不是特别了解的朋友参考参考! 本来早就想写一篇关于ajax的文章的,但是前段时间一直很忙,就搁置了,趁着元旦放 ...

ajax 上传文件 data,ajax文件上传-FormData()

ajax 上传文件 data,ajax文件上传-FormData()相关推荐

最新文章

热门文章