HTML如何设置多图片上传，并限制格式类型

Roc-xb

已于 2024-09-15 05:59:29 修改

阅读量1.1k

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html 前端多图上传

于 2024-01-04 19:02:05 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_19309473/article/details/135393732

前端专栏收录该内容

124 篇文章 ¥49.90 ¥99.00

订阅专栏

在HTML如何设置多图片上传，并限制格式类型为jpg和png格式。

   <input type="file" name="fileInput" id="fileInput">

上面这行代码，只支持单个文件上传，且不支持文件类型过滤，在实际开发过程中，我们经常遇到会上传多张图片，并且有时候对上传的图片后缀格式有一定限制要求。那么我们可以用下面这行代码实现多图片文件上传，并限制格式为jpg和png格式。

  <input type="file" id="fileInput" multiple accept="image/png, image/jpeg,image/jpg">

最后我们应该如何获取上传图片信息呢？我们可以用JavaScript来获取上传的图片信息。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equ

了解本专栏

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

Roc-xb 真诚赞赏，手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。