限制提交图片格式

Posted twobamboo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了限制提交图片格式相关的知识,希望对你有一定的参考价值。

前台通过JS代码判断图片格式

var uploadpath = document.getElementById(uploadpath);
var simplepath = uploadpath.innerText;
var pathsuffix = simplepath.substr(simplepath.lastIndexOf(.));
//通过正则表达式判断是否为相关后缀
if (/.(gif|jpg|jpeg|bmp|png)$/.test(pathsuffix))
  alert("请选择正确格式图片:gif,jpg,jpeg,bmp,png");

C# 后台判断

  1.通过文件名判断    

//获取文件
var file = this.Request.Form.Files["uploadpayimage"];
//截取文件后缀
var fileSuffix= file.FileName.Substring(file.FileName.LastIndexOf(".") + 1)
//根据枚举内容判断是否是图片后缀
if(!Enum.IsDefined(typeof(ImageType), fileSuffix)){
    return false;
}

//枚举类
public enum ImageType
{
    jpg = 0,
    jpeg = 1,
    png = 2,
    gif = 3,
    bmp = 4
}

  2.通过文件类型判断

  *文件类型可通过特殊方法设置成image,借此绕过文件类型判断。

var file = this.Request.Form.Files["uploadpayimage"];
//获取文件类型
var fileType = file.ContentType.Substring(0, file.ContentType.LastIndexOf("/"));
if(!fileType.Equals("image"))
{
    return false;
}

 

以上是关于限制提交图片格式的主要内容,如果未能解决你的问题,请参考以下文章

el-upload手动上传图片,限制图片大小格式

js对图片进行质量压缩后上传服务器

element-ui el-upload限制图片格式尺寸及图片

element-ui el-upload限制图片格式尺寸及图片

根据图片的url地址下载图片到本地保存代码片段

手动写一个上传图片的组件,不适用插件,包括限制图片大小,格式