function imgChange(obj1, obj2) {
//获取点击的文本框
var file = document.getElementById("file");
//存放图片的父级元素
var imgContainer = document.getElementsByClassName(obj1)[0];
//获取的图片文件
var fileList = file.files;
//文本框的父级元素
var input = document.getElementsByClassName(obj2)[0];
var imgArr = [];
var token = get_user_login();
var qiniu_token = '';
//遍历获取到得图片文件
console.log(fileList);
$.ajax({
type: 'GET',
url: 'http://we7.mobile369.com/app/index.php?i=1&j=2&c=entry&m=guangqian_shop&do=api&gq=default_upToken',
beforeSend: function beforeSend(request) {
request.setRequestHeader("Authorization", token);
},
success: function (res) {
qiniu_token = res.message;
for (var i = 0; i < fileList.length; i++) {
console.log('第' + i + '次循环');
console.log(fileList[i]);
var formPic = new FormData();
///给formData添加数据
formPic.append('file', fileList[i]);
formPic.append('token', qiniu_token);
$.ajax({
url: 'https://up.qbox.me/',
type: 'post',
data: formPic,
contentType: false,
processData: false,
success: function (data) {
console.log(data);
requestQiniuUrl(data.key, token);
}
});
}
}
});
function requestQiniuUrl(key, token){
$.ajax({
url: 'http://we7.mobile369.com/app/index.php?i=1&j=2&c=entry&m=guangqian_shop&do=api&gq=default_upSave',
type: 'POST',
data: {key: key },
dataType: 'JSON',
beforeSend: function beforeSend(request) {
request.setRequestHeader("Authorization", token);
},
success: function (data) {
console.log(data);
appendPreviewPic(data.message);
}
});
}
function appendPreviewPic(imgUrl) {
imgArr.push(imgUrl);
var img = document.createElement("img");
img.setAttribute("src", imgUrl);
var imgAdd = document.createElement("div");
imgAdd.setAttribute("class", "z_addImg");
imgAdd.appendChild(img);
imgContainer.appendChild(imgAdd);
}
imgRemove();
var token = get_user_login();
//我写的解说了
};
function imgRemove() {
var imgList = document.getElementsByClassName("z_addImg");
var mask = document.getElementsByClassName("z_mask")[0];
var cancel = document.getElementsByClassName("z_cancel")[0];
var sure = document.getElementsByClassName("z_sure")[0];
for (var j = 0; j < imgList.length; j++) {
imgList[j].index = j;
imgList[j].onclick = function() {
var t = this;
mask.style.display = "block";
cancel.onclick = function() {
mask.style.display = "none";
};
sure.onclick = function() {
mask.style.display = "none";
t.style.display = "none";
};
}
};
};
</script>
ajax 上传多图至七牛云
最新推荐文章于 2022-04-09 10:41:45 发布