如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
上传图片如何使用js验证图片的类型（后缀名）
来源：互联网
2023-03-16 19:15:52 268
在上传图片时，常常需要限制图片上传的类型，例如，只允许上传.jpg和.png的图片，下面介绍实现验证图片类型的功能。
方法/步骤
新建一个HTML页面，命名为test.html，用于实现图片类型的验证。
在test.html页面，使用input标签定义一个类型为file的上传按钮，用于图片的上传。
给input上传按钮绑定onchange事件，通过onchange事件实现在图片上传时，执行一个pictype()函数，判断上传的图片是否是允许上传的图片类型。
为了方便获得图片上传对象，进行图片类型的判断，在onchange事件函数内使得this把图片对象传递给函数。
在pictype()函数内，定义一个允许上传的图片类型数组，并且定义一个变量filePath获得上传图片的相关参数。
使用for循环，把上传图片的类型与允许上传的图片类型数组的每个值相比较，判断是否符合上传的图片类型。通过isNext来标记是否符合上传的类型，使用if语句判断此标识，如果不符上传图片的类型，弹出“不接受此文件类型”。代码如下：
在浏览器运行test.html文件，点击“浏览”选择上传的图片，例如，当选择.gif的图片时，是不允许上传的，实现的效果如下：
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：网页如何实现滑轮下滑加载页面 下一篇：jsbarcode属性如何设置
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 437 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)