使用Redux表单的图片标签已损坏

时间:2018-11-19 19:02:28

标签: reactjs redux redux-form

我想预览用户选择的图像。我正在使用redux表单。预览工作正常,除非已经有图像正在预览并且选择了我的文件选择输入,然后显示断开的链接和ALT:

GET http://localhost:3030/[object%20FileList]

这是我的代码段:

      <div className="form-area-control"> 
            <Field name={`${variable}.logo`} component={uploadFile} label="Logo"/>
      </div>
      {
          fields.get(index).logo &&
          <div className="form-area-control">
            <label>Preview</label>
            <img className="img-preview" src={fields.get(index).logo} alt="logo" onerror="this.style.display = 'none'" />
          </div>
      }

我在图片标签中尝试了onerror,但这似乎不起作用。

0 个答案:

没有答案