var img = $(".ys-tx-show img");
//上传图片框选中图片显示
$(".ys-upfile").change(function () {
var file = $(this)[0].files[0];
var imgSrc = $(this)[0].value;
var url = URL.createObjectURL(file);
if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)){
alert("请上传jpg或png格式的图片!");
return false;
}else{
img.attr('src',url);
img.css({'opacity':'1'});
}
})
//异步图片上传
$("#upload_img").click(function () {
var url = "/user/upload.php"//设置提交url
var file = document.getElementById("upFile").files[0];
var formData = new FormData();
if (file) {
formData.append("file", file);
}
var xhr = null;
if (XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//发送异步请求
xhr.open("post", url, true);
xhr.onload = function () {
var data = xhr.responseText; //得到返回值
var result = $.parseJSON( data );
if(result.status){
$('.ys-user-tx-wrap').find('img').attr('src',result.face+'?'+Math.random());
}
alert(result.msg);
}
xhr.send(formData);
})
js 异步上传头像
最新推荐文章于 2021-09-26 18:13:41 发布