文件上传

Posted 2020-10-30 foreign-student

//文件名称采用的是js原生获取方式
var file = document.getElementById("cover_img").files[0];
//利用FormData传送文件　　append添加需要的数据
var fileObj = new FormData();
fileObj.append(‘imageFile‘, file);
fileObj.append(‘fileName‘, file.name);
//利用XMLHttpRequest对象向后台发送文件
var xhr = new XMLHttpRequest();
//请求方式，路径，
xhr.open(‘post‘,‘url‘,true);
//返回值
xhr.onload = function () {
if(xhr.readyState == 4 && xhr.status == 200){
　　var resultData = xhr.responseText;
　　if(resultData == ‘‘){
　　　　layer.close(updateIndex)
　　　　layer.alert("保存成功")
　　}else{
　　　　var result = $.parseJSON(resultData);
　　　　layer.alert(result.msg);
　　}
} else {
　　alert("请联系管理员");
　　return;
　　};
};
//发送请求
xhr.send(fileObj);

　　注：

　　　　文件上传方式有多种；

　　　　但是ajax利用FormData对象传输文件，后台接收不到文件，具体原因不明，有待继续验证