数码资讯
有图片上传功能实现代码的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中,我想帮你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。
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中,我想帮你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。