- 发布内容页面可以添加选择文件的表单元素,允许用户选择图像文件。
- 表单中包含file类型的input元素,使用
accept
属性设置允许的文件类型,比如m m h p n g
,image j p e g
和image j pig
。 - 通过绑定
onchange
事件到文件元素,事件处理器将处理文件选择操作。 - 事件处理器通过event对象解构出当前目标及其文件列表。
- 在浏览器中,选择文件后会显示所选文件列表,注意
file list
是一个对象非数组。 - CSS可以用来设置input元素的样式,如给
input[type=file]
添加下边距。 - 组件(
p o s t c r t
)中需要准备一个状态数据,用于处理选中的文件(file
修改器),当文件选择变化时,可以设置或清空选中的文件对象。