XMLHttpRequest页面无刷新上传文件
来源:互联网 发布:软件测试员工资怎么样 编辑:程序博客网 时间:2024/05/18 16:37
<input onchange="fileSelected(this);" type="file"/>
function fileSelected(userfile) {
uploadFile(userfile);}
function uploadFile(userfile) {
var fd = new FormData();
fd.append("file",userfile.files[0]);//文件追到到FormData
fd.append("folders_name","dzkb/12");
fd.append("operation","update_image");
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.open("POST", "http://img.myxinhai.cn:8081/upload_img.php");
xhr.send(fd);
}
//图片上传进度
function uploadProgress(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded * 100 / evt.total);
if(percentComplete < 100)layer.load();
else layer.closeAll();
console.log(percentComplete) ;
}else {
}
}
//图片上传完成
function uploadComplete(evt) {
var json = eval('(' + evt.target.responseText + ')');
//图片上传完成服务器相应
console.log(json) ;
}
function uploadFailed(evt) {
alert("上传失败");
}
function uploadCanceled(evt) { //
alert("已经取消上传");
}
阅读全文
0 0
- XMLHttpRequest页面无刷新上传文件
- 无页面刷新上传文件
- 页面无刷新上传文件
- 页面无刷新上传文件
- XMLHttpRequest无刷新更新页面
- 文件上传Fileupload(无刷新页面)
- PHP 实现页面无刷新上传文件
- ajax页面无刷新文件上传
- ajax页面无刷新上传文件
- jquery 无刷新上传文件,xmlhttprequest是无法上传文件的。
- XMLHttpRequest 实现无刷新更新页面数据
- 无刷新文件上传
- 无刷新文件上传
- 无刷新文件上传
- 无刷新上传文件
- 无刷新上传文件
- 无刷新 上传文件
- 无刷新文件上传
- 第七周 项目三 负数把正数赶出队列
- 使用脚本(命令行)编译KEIL工程
- C++面向对象编程原则及人类示例
- Invalid VCS root mapping The directory C:\Users\Administrator\Desktop\github\likequanmintv-master
- Eclipse中10个最有用的快捷键组合
- XMLHttpRequest页面无刷新上传文件
- 探究Java虚拟机栈
- mysql group by组内排序
- web端跨页面传参
- Volley: [1141] BasicNetwork.performRequest: Unexpected response code 429 for https://xxxxxx.com/api/
- TaobaoSchedule调度管理控制台
- LeetCode 76. Minimum Window Substring
- Preempt Rt例程
- 第四周-单链表的的建立