前言 在如今的项目开发过程中 ， 上传图片或者上传头像已经变成了非常常见的操作 。一般的 ， 都需要在向后台上传图片之前 ， 在页面中预览一下用户选择的图片 。上传头像只需要预览一张图片 ， 如果是上传图片至相册功能 ， 则需要预览用户选择的多张图片 。这样的操作在H5页面中要如何实现呢？本文系统的教大家认识H5为我们提供的Files类和File类 ， 这两个类在现代项目开发中起着举足轻重的作用 。
一、HTML5为文件域新增的属性 HTML5为文件域新增了下列两个属性：
multiple ， 设置文件域是否可以同时选择多个要上传的文件 。这是一个没有取值的放置性属性 ， 书写在文件域的代码中就可以使用 。accept ， 用于在文件域对本地文件进行选择时对文件类型进行筛选 。该属性取值为MIME类型 ， 以确定弹出的资源管理器只显示accept指定类型的文件 。同时HTML还规定 ， 在项目中使用文件域 ， 必须为文件域设置name属性 。除此之外 ， 一个表单若具备文件传递功能 ， 必须将表单的enctype属性设置为multipart/form-data 。

例如：想让用户通过文件域从本地资源管理器中选择多个图片 ， HTML代码如下所示 。

123 我们还要知道 ， 无论使用Javas

猜你喜欢

• 苹果手机怎么改jpg格式 iphone照片转jpg格式
• 公司员工签名管理制度 写制度的标准格式
• 转换器是干什么用的
• 苹果电脑分区windows格式 苹果分区怎么合并
• qq邮箱格式大全 qq邮箱格式怎么写
• .vep转换成其它格式
• 飞畅科技 光纤转换器产品介绍 科技产品
• 360搜索怎么按文件格式搜索
• 买房贷款转换lpr合适吗 「lpr利率现在是多少」
• pdf字体怎么改字体大小，pdf批量修改字体格式方法