有图片上传功能实现代码的Javascript

对于有预览图片上传功能的实现代码如下所示:

Html:










Js:


var =;
功能selectimage(文件){
如果(file.files | | {文件。文件{ 0 }!!)
返回;
}
VaR的读者= FileReader();
reader.onload =功能(EVT){
document.getelementbyid(图像src= evt.target.result);
图像= evt.target.result;
}
reader.readasdataurl(文件。文件{ 0 });
}
功能uploadimage(){
console.log(图像);
$ ajax({
类型:'post,
网址:'ajax / / / uploadimage,图片上传地址
数据:{图像:},
异步:真,
DataType:'json,
成功:函数(数据){
如果(数据成功){
警报('upload成功);
其他{ }
警报('upload失败);
}
},
错误:函数(错误){
警报(网络故障);
}
});
}


引用 uff1a



总结

以上是代码预览和上传有图像在Javascript中,我想帮你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。