jquery获取图片尺寸并上传至服务器
发布时间
阅读量：
阅读量
获取图片信息和上传图片的步骤：
1、创建一个新的表单对象，用于存储用户通过输入框选择的文件信息
2、依据所选文件的相关数据，对图片的容量大小进行判断
3、将所选图片文件转换为base64编码格式，并将其赋值给新生成的图片对象，待图片完成加载后即可获取其宽度与高度等详细参数
4、将表单中保存的文件信息，借助ajax技术发送至服务器端进行后续处理
<input type="file" name="选择图片" id="fileinput" onchange="getimg()">
function getimg(){
let formdata = new FormData();
// 获取input选择的文件信息
let file = $("#fileinput")[0].files[0];
if(file.size > 3*1024*1024){
console.log("上传图片不能大于3M");
return;
}
formdata.append('file',file);
//读取图片数据
var 全部评论 (0)
还没有任何评论哟~