html5 XMLHttpRequest 图片异步上传

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>

<html>

<head>

<tilte>uploadFile</title>

function uploadFile(){

var formData = new FormData();

var files = document.getElementById('file').files;

var file = files[0];

formData.append('file',file);

var xhr = new XMLHttpRequest();

xhr.open('POST','index.html',true);

xhr.onload = function(e){

if(this.status == 200){

document.getElementById("resulte").innerHTML = this.response;

}

};

xhr.send(formData);

}

</script>

</head>

<body>

</form>

</body>

</html>

转载于:https://my.oschina.net/wisdomofgod/blog/403430

html5 XMLHttpRequest 图片异步上传相关推荐

[html] 如何使用html5进行图片压缩上传？
[html] 如何使用html5进行图片压缩上传? 1.获取到图片的base64格式: 2.图片加载完成后,把图片转化为canvas: 3.使用canvas的toDataURL按照自己的需要进行压缩: ...
jq php异步上传图片,PHP+Ajax实现图片异步上传预览
说道上传图片,大家并不陌生,不过,在以后开发的项目中,可能并不会让你使用提交刷新页面式的上传图片,比如上传头像,按照常理,肯定是在相册选择照片之后,确认上传,而肯定不会通过form表单,点击submi ...
html5新特性:异步上传文件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title> ...
实现HTML5 裁剪图片并上传
个人制作图片裁剪的问题总结在一个上传图片进行打印的项目当中,由于用户上传的图片形状比例千奇百怪,所以需要前端做一个图片裁剪功能.刚开始觉得挺简单的就是做图片裁剪功能,网上的插件一大堆,随便找一个套上 ...
图片异步上传，使用ajax上传图片
1.使用插件plupload 2.实现效果 3.HTML 1 <li> 2 <div class="default" data-disabled="fa ...
html访问手机相册,使用HTML5的FileReader读取手机图片(还可选择拍照), 并自动异步上传到服务器上...
使用html5 FileReader获取图片,并异步上传到服务器(not iframe) body{margin: 0px; background:#f2f2f0;} p{margin:0px;} . ...
html5 上传图片模板,HTML5实现图片文件异步上传
,过现前个能文使近记接的端问对字用近记接利用HTML5的新特点做文件异步上传非常简单方便,本文主要展示JS部分,html结构.下面的代码并未使用第三发库,如果有参照,请注意一些未展现出来的代码片段. ...
图片裁剪和异步上传插件--一步到位（记录）
图片上传裁剪这功能随处可见,有的自己写,不过太耗费时间了,插件的话感觉好多,前段时间就想挑一款好的插件,以后就用那款,可是挑了几款插件用上去,效果很好,问题就出在合并了,单一的插件效果是很好的,没问题 ...
java上传头像插件_JSP+SpringMVC框架使用WebUploader插件实现注册时候头像图片的异步上传功能...
一.去官网下载webuploader文件上传插件下载好后把它放到Javaweb项目的文件夹中(我放到了webcontent下面的static里面) 二.复制前端的样式把这段代码放到你想要放到的位置 ...

html5 XMLHttpRequest 图片异步上传

html5 XMLHttpRequest 图片异步上传相关推荐

最新文章

热门文章