input做图片上传限制图片大小1M以内

灰太狼 2023-02-21 14:24 1阅读 0赞

input 属性type=file;定义输入字段和 "浏览"按钮，供文件上传。  
1、做图片上传可配合中使用 accept 属性来限制图片的格式。

注意 accept 属性只能与 配合使用。

本例中的输入字段可以接受 GIF 和 JPEG 两种图像.

如果不限制图像的格式，可以写为：accept=“image/\*”。

name 和id 是必须要写的。

2、获得input type=“file” 选择的文件大小、文件名称、上次修改时间、类型等信息（\*多个文件会存储在files数组中）这里是引入ajaxfileupload.js配合完成的；

也可以根据图片的后缀进行文件类型的判断，js如下

var type=(src.substr(src.lastIndexOf("."))).toLowerCase();
      if(type!=".jpg"&&type!=".gif"&&type!=".jpeg"&& type!=".png"){ 
      alert("您上传图片的类型不符合(.jpg|.jpeg|.gif|.png)！");
    }

input做图片上传限制图片大小1M以内

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关利用input图片上传

相关 input限制上传的文件大小

相关 input做图片上传限制图片大小1M以内

相关 Nginx 文件上传大小限制修改(默认只能上传 1M)

相关 js上传图片限制图片尺寸方法

相关 input上传图片

相关 vue-element-admin上传图片的功能,限制图片大小-:before-upload="handleImagesUrlBefore"

相关上传图片时如何在前端限制图片的大小，获取图片的名称

相关 element upload限制上传图片尺寸、大小、比例

相关 java 上传图片并压缩图片大小