【Ionic】限制上传图片格式

一、Input框限制二、方法限制

一、Input框限制

使用accept属性进行文件夹默认选项的限制

<input #file type="file" accept="image/*" />

效果：

但是，这种设置也是可以进行人为更换的，所以还需要以下内容的补充

二、方法限制

var RightType = ["jpeg", "jpg", "png", "bmp"]; // 创建数组，包含可上传文件格式 var fileType = "png"; // 获取文件扩展名 var isbool = RightType.includes(fileType); // 判断上传文件格式是否包含在可上传中 if (isbool == true) { // 格式正确，可以上传 }else { // 格式错误，请重新上传 };