php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件

使用Ajax XmlHttpRequest上传文件

嗨，我正在尝试使用此代码发送带有xmlhttprequest的文件。

var url= "http://localhost:80/....";

$(document).ready(function(){

document.getElementById('upload').addEventListener('change', function(e) {

var file = this.files[0];

var xhr = new XMLHttpRequest();

xhr.file = file; // not necessary if you create scopes like this

xhr.addEventListener('progress', function(e) {

var done = e.position || e.loaded, total = e.totalSize || e.total;

console.log('xhr progress: ' + (Math.floor(done/total*1000)/10) + '%');

}, false);

if ( xhr.upload ) {

xhr.upload.onprogress = function(e) {

var done = e.position || e.loaded, total = e.totalSize || e.total;

console.log('xhr.upload progress: ' + done + ' / ' + total + ' = ' + (Math.floor(done/total*1000)/10) + '%');

};

}

xhr.onreadystatechange = function(e) {

if ( 4 == this.readyState ) {

console.log(['xhr upload complete', e]);

}

};

xhr.open('post', url, true);

xhr.setRequestHeader("Content-Type","multipart/form-data");

xhr.send(file);

}, false);

});

但我得到了这个错误：请求被拒绝，因为没有找到多部分边界帮助我..

php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件相关推荐

php ajax xmlhttpreq 上传文件 get,使用jQuery Ajax异步上传文件方法总结
一使用FormData对象上传文件 FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单".但上传文件部分只有底 ...
前端文件表单/ajax上传实例代码
表单上传文件 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...
html如何显示上传进度条,HTML5 Ajax文件上传进度条如何显示
这篇文章主要介绍了HTML5 Ajax文件上传进度条是如何显示的,基于原生html5实现,不需要falsh支持,进度可以自定义显示,控制灵活,对HTML5上传进度条感兴趣的小伙伴们可以参考一下原本打 ...
jquery ajax 上传文件 demo,Jquery+AJAX上传文件，无刷新上传并重命名文件
index.html Ajax上传图片 Ajax上传图片 function upload(){ var form = new FormData(document.getElementById(&quo ...
小汤学编程之JavaEE学习day05——会话管理、文件上传与下载、Ajax
一.会话管理 1.HTTP协议 2.会话的概念 3.会话跟踪技术 4.会话跟踪技术分类(四种) 二.文件上传与下载 1.上传 2.下载 3.上传和下载合并优化成 ...
ORM中的事务和锁、Ajax异步请求和局部刷新、Ajax文件上传、日期时间类型的Json、多表查询图书系统
一.ORM中的事务和锁事务事务要确保原子性 """ 事务ACID原子性:不可分隔的最小单位一致性:跟原子性是相辅相成隔离性:事务之间相互不干扰持久性:事务一旦确认永久 ...
ashx获取input file 文件_通过Ajax方式上传文件(input file)，使用FormData进行Ajax请求...
一直以来上传文件都使用的是别人的组件,今天看下无刷新上传内部具体的做法.上传文件可以使用form的形式来上传,也可以通过构造formData使用ajax来上传文件: 上传图片 $(function ( ...
ajax 解决csrf的3种方法，input标签的文件上传
ajax 解决csrf的3种方法,input标签的文件上传参考文章: (1)ajax 解决csrf的3种方法,input标签的文件上传 (2)https://www.cnblogs.com/gyh0 ...
ajax上传 java_使用Ajax进行文件与其他参数的上传功能(java开发)
文件上传: 记得前一段时间,为了研究Ajax文件上传,找了很多资料,在网上看到的大部分是form表单的方式提交文件,对于Ajax方式提交文件并且也要提交表单中其他数据,发现提及的并不是很多,后来在同事 ...

php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件

php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件相关推荐

最新文章

热门文章