ajax上传图片的方法
Posted souldawn
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax上传图片的方法相关的知识,希望对你有一定的参考价值。
$("#fileUp").change(function() {
event.preventDefault()
let files = event.target.files;
const myfiles = files
let i
for(i = 0; i < files.length; i++) {
files[i].thumb = URL.createObjectURL(files[i])
}
files = Array.prototype.slice.call(files, 0)
files = files.filter(function(file) {
return /image/i.test(file.type)
})
$(".upload-iconup-logo-pic").attr("src", (files[0].thumb));
save();
})
function save() {
$(‘#formFile‘).attr("action","ip/index.php?act=sign_active&op=upImg&unionid="+unionid);
var form = new FormData(document.getElementById("formFile"));
$.ajax({
url: "ip/index.php?act=sign_active&op=upImg&unionid="+unionid
type: "post",
data: form,
cache: false,
processData: false,
contentType: false,
success: function(data) {
const obj = JSON.parse(data);
console.log(data)
},
error: function(e) {
alert("网络错误,请重试!!");
}
});
}
以上是关于ajax上传图片的方法的主要内容,如果未能解决你的问题,请参考以下文章
使用ajax发送文件的三种方式及预览图片的方法,上传按钮美化