logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

准备选择文件用的文件字段

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