`
sungang_1120
  • 浏览: 322603 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

js判断 上传文件类型必须是图片格式的

 
阅读更多

function isImg(str) 

    if(str.search("[.]+(jpg|jpeg|swf|gif|png|JPG|JPEG|SWF|GIF|PNG)$")) 
    { 
        return false;
    } 
    return true; 

// 截取url后面的文件类型
function getUploadUrlSuffix(urlStr){
    var url = urlStr.substring(urlStr.lastIndexOf("\."),urlStr.length);
    return url;
}

 

 

 

 

var img = $("#img").val();

    if (img == '') {
        msgBox = document.getElementById("chenkimg");
        msgBox.innerHTML = "请选择上传图片!";
        return false;
    }
    if(isImg(getUploadUrlSuffix(img))){
        return true;
    }else{
        msgBox = document.getElementById("chenkimg");
        msgBox.innerHTML = "只能上传图片格式的(jpg|jpeg|swf|gif|png)";
        return false;
    }

分享到:
评论

相关推荐

    前端vue 判断图片格式

    JS上传文件判断文件格式 GIF JPG PNG

    JS判断上传文件的大小类型等限制

    ### JS判断上传文件的大小类型等限制 在Web开发中,文件上传是一个常见的功能需求。为了确保用户体验并防止服务器资源被滥用,前端通常需要对上传的文件进行一系列的验证,如文件大小、文件类型等。本文将详细介绍...

    js判断图片真实性(非判断文件后缀)

    当然,为了覆盖更多的图片格式,我们需要扩展检查逻辑,增加更多图片类型的二进制头识别。例如,JPEG文件的文件头是"\xFF\xD8",而GIF文件的文件头是"GIF87a"或"GIF89a"。如果需要支持这些格式,只需在条件判断中...

    上传文件jsweb前端(包含文件格式限制)

    "上传文件jsweb前端(包含文件格式限制)"这个项目旨在提供一个完整的前端文件上传解决方案,它不仅支持基本的文件上传操作,还包含了对文件格式和大小的严格限制,以确保用户上传的数据符合预设的标准,类似于163...

    JS 获取文件后缀,判断文件类型(比如是否为图片格式)

    在JavaScript中,获取文件后缀和判断文件类型是常见的需求,尤其在处理用户上传的文件时,例如确保上传的是图片格式。以下是如何使用JavaScript来实现这些功能的详细说明。 首先,我们来了解一下如何**获取文件后缀...

    jquery客户端判断上传文件的格式和大小

    在开发Web应用时,文件...总的来说,通过`jQuery`实现客户端文件上传的类型和大小判断,可以有效地提升用户体验,并且在一定程度上保护了服务器资源。不过,为了确保安全性,开发者应始终在服务器端进行严格的验证。

    js控制上传文件格式

    为了确保用户上传的是预期类型的文件(例如图片文件),开发者通常需要对上传文件的格式进行验证。本篇文章将详细介绍如何利用JavaScript来实现这一功能。 #### 二、代码解析与知识点详解 ##### 2.1 核心函数:`...

    js判断上传文件类型判断FileUpload文件类型代码

    本文将详细介绍如何使用JavaScript来判断上传文件的类型,特别是针对`FileUpload`控件的文件类型判断。 首先,我们需要在HTML页面中添加一个用于文件选择的输入元素,对于ASP.NET,我们可以使用`<asp:FileUpload>`...

    JS判断并预览客户端上传图片

    在JavaScript(JS)中,处理客户端的图片上传是一项常见的任务,尤其在网页应用中,我们需要确保用户上传的图片符合特定的格式和大小限制,同时提供实时预览功能以提升用户体验。下面将详细介绍如何实现这些功能。 ...

    jquery过滤上传文件的类型和限制文件的大小

    ### 使用jQuery过滤上传文件的类型和限制文件大小 在Web开发中,经常需要处理用户上传文件的功能。为了确保系统的安全性和提高用户体验,开发者通常需要对上传的文件进行一系列的检查,比如验证文件类型是否符合...

    js上传图片大小类型限制检测

    本文将深入探讨如何使用JavaScript进行图片上传前的大小和类型限制检测。 首先,我们要了解JavaScript在浏览器环境中的文件操作能力。由于安全原因,JavaScript无法直接读取本地文件内容,但它可以通过HTML5的File ...

    JavaScript判断文件上传类型的方法

    本文将介绍如何用JavaScript判断文件上传类型的方法,以及如何处理用户上传相同文件时触发onchange事件的问题。 首先,文件上传功能的实现依赖于HTML的`<input>`标签,通过设置其`type`属性为`file`,可以创建一个...

    上传图片客户端判断大小,javascript获得上传图片的大小

    不用IE控件(ActiveXObject)不用 Img属性 上传图片客户端判断大小,javascript获得上传图片的大小 兼容所有浏览器,亲测可用 判断文件大小,判断上传图片的大小,图片格式

    C#判断上传文件是否是图片以防止木马上传的方法

    本文就以C#为例讲述C#判断上传文件是否是图片以防止木马上传的方法,具体方法如下: 方法一:用image对象判断是否为图片 /// /// 判断文件是否为图片 /// /// 文件的完整路径 /// 返回结果 public Boolean Is...

    JS控制FileUpload的上传文件类型实例代码

    本文将介绍如何利用JavaScript(简称JS)来控制文件上传控件(FileUpload)的文件类型,仅允许用户上传特定的文件格式,比如图片文件。 知识点: 1. 文件上传控件(FileUpload):在Web表单中,FileUpload控件允许...

    JavaScript判断FileUpload控件上传文件类型

    总的来说,JavaScript 判断 FileUpload 控件上传文件类型是前端验证的重要一环,通过正则表达式的强大功能,我们可以有效地控制上传文件的格式,从而确保数据的安全性和一致性。在开发过程中,理解并熟练运用这些...

    支持拖拽上传JS文件上传代码.zip

    这通常通过AJAX或者Fetch API实现,利用`XMLHttpRequest`或`fetch()`发送异步请求,监听`onprogress`事件来获取上传进度,以及`onload`和`onerror`事件来判断上传是否成功。 4. **浏览器兼容性**:虽然HTML5的拖放...

    ckeditor上传图片,上传文件

    而`Controller`则处理业务逻辑,例如验证上传文件的类型、大小,以及将文件保存到服务器的指定位置。 在`ckeditorUploadImgApi.java`中,可能会包含处理上传请求的方法,如`uploadImage()`或`uploadFile()`,这些...

    高度,javascript判断上传图片大小,宽度,高度

    在JavaScript中,对上传图片进行大小、宽度和高度的判断是一项常见的前端操作,尤其是在实现用户在网站上上传图片时需要预览和验证图片格式及尺寸的场景。以下是一些关于如何使用JavaScript进行这些判断的关键知识点...

    js根据后缀判断文件文件类型的代码

    在前端开发中,文件类型判断是一个常见的需求,尤其是当我们需要对用户上传的文件进行处理或验证时。JavaScript为我们提供了一种简单有效的方式来通过文件后缀判断文件类型。本文将详细解析如何使用JavaScript代码...

Global site tag (gtag.js) - Google Analytics