文件选择器

533次阅读
没有评论

共计 1395 个字符,预计需要花费 4 分钟才能阅读完成。

文件选择器

文件选择器插件是一种表单控件,允许用户在本地系统上选择一个文件并加载它。例如,可以选择一个文本文件并读取其内容,或选择一张图片并在游戏内显示该图像。一些移动浏览器还允许使用设备相机拍摄照片而不是选择现有文件,然后将拍摄的照片作为所选文件传递。

文件选择器按钮的外观因平台而异。几个浏览器显示“选择文件”按钮。

层叠 HTML 对象

此对象使用 HTML 元素显示,而不是绘制到画布中。这意味着它的层次结构与其他对象不同。要了解有关如何分层 HTML 对象的更多信息,请参阅 HTML 图层。

使用文件

一旦选择了文件,就可以使用 URL 访问它。虽然许多 URL 引用互联网上的网络资源,但文件选择器插件返回一个特殊的 URL,该 URL 指向本地文件。这个 URL 通常以“blob:”(因为浏览器对任意数据集的术语是“blob”)开头,后跟某种唯一 ID。通过访问此 URL,可以访问本地文件,而无需使用任何 Internet 连接,因此这也适用于离线操作。

文件 URL 可以像其他 URL 一样使用。例如,它可以被 AJAX 对象请求以将内容作为文本加载,或传递给 Sprite 对象的“从 URL 加载图像”操作以显示它。

文件选择器属性

  • 接受 :要接受的文件类型过滤器。这可以是一个逗号分隔的文件扩展名列表,例如“.png,.jpg,.jpeg”,或是一个 MIME 类型,如 image/ 表示任何图像文件,video/表示任何视频文件等。如果留空,则文件选择器将能够选择任何类型的文件。
  • 选择:是否允许一次选择单个文件或多个文件。
  • 最初可见:控件最初是可见还是隐藏。
  • ID(可选):DOM(文档对象模型)中元素的可选 id 属性。这对于 CSS 样式很有用。
  • 类(可选):DOM(文档对象模型)中元素的可选类属性。这对于 CSS 样式很有用。

文件选择器条件

请参阅通用条件,了解表单控制对象之间的共享功能。

更改时

当从输入控件中选择了文件或一组文件时触发。

文件选择器操作

请参阅通用操作,了解表单控制对象之间的共享功能。

  • 清除:将控件重置为其初始状态,不进行选择,清除之前选择的任何文件。
  • 点击:表现为文件选择器被点击,这会打开系统文件选择器。这允许完全自定义按钮,因为实际的文件选择器对象可以移到屏幕外,并使用自定义精灵或其他对象代替激活文件选择器的点击操作。
  • 释放文件:释放以前返回的文件 URL。这允许浏览器为文件释放内存。如果用户经常或定期选择大量文件,应在不再需要文件后使用此操作。

文件选择器表达式

  • 文件计数:选择的文件数量。如果选择是单个,则总是 1。如果多个,则返回选择的文件数量。
  • 文件名在(索引):返回指定索引处所选文件的名称。在单选模式下,索引应该始终为 0,因为只能选择一个文件。
  • 文件大小在(索引):以字节为单位返回指定索引处所选文件的大小。在单选模式下,索引应该始终为 0,因为只能选择一个文件。
  • 文件类型在(索引):返回指定索引处所选文件的 MIME 类型。MIME 类型是标准化的 Internet 媒体类型,表示文件内容的类型。例如,对于 PNG 图像,它可以是 image/png; 对于 JPEG 图像,它可以是 image/jpeg; 对于纯文本文件,它可以是 text/plain。在单选模式下,索引应该始终为 0,因为只能选择一个文件。
  • 文件 URL 在(索引):在指定索引处访问本地文件内容的 URL。有关详细信息,请参阅上面的“使用文件”。在单选模式下,索引应始终为 0,因为只能选择一个文件。
正文完
 0
评论(没有评论)