微客导航 » 文章资讯 » JavaScript中的FileReader图片预览上传功能实现代码

JavaScript中的FileReader图片预览上传功能实现代码

2023-09-27 16:30:05 365

关于filereader图片预览上传功能的实现代码如下所示：

html:

js:

varimage='';
functionselectImage(file){
if(!file.files||!file.files[0]){
return;
}
varreader=newFileReader();
reader.onload=function(evt){
document.getElementById('image').src=evt.target.result;
image=evt.target.result;
}
reader.readAsDataURL(file.files[0]);
}
functionuploadImage(){
console.log(image);
$.ajax({
type:'POST',
url:'ajax/uploadimage',//图片上传地址
data:{image:image},
async:true,
dataType:'json',
success:function(data){
if(data.success){
alert('上传成功');
}else{
alert('上传失败');
}
},
error:function(err){
alert('网络故障');
}
});
}

引用：

总结

以上所述是小编给大家介绍的JavaScript中的FileReader图片预览上传功能实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

JavaScript中的FileReader图片预览上传功能实现代码

热门推荐

随机推荐