如何在 redux 存储中保存文件对象数组？

Question

我想将文件对象数组保存在 redux 存储中。

这是关于reducers的代码

    case types.SET_PICTURE:
      console.log("action");
      console.log(action.newPictureFiles);
      console.log(action.newPictureDataURLs);
      return {
        ...state,
        inquiryForm: {
          ...state.inquiryForm,
          pictureFiles: [...action.newPictureFiles],
          pictureDataURLs: [...action.newPictureDataURLs]
        }
      };

这段代码是关于调度的

class Attachment extends Component {
  constructor(props) {
    super(props);
    this.state = {
      pictureFiles: this.props.pictureFiles,
      pictureDataURLs: this.props.pictureDataURLs,
      uploadedURLs: []
    };
    this.onDrop = this.onDrop.bind(this);
  }

  onDrop(pictureFiles, pictureDataURLs) {
    // pictureFiles = [{File object}, {File object}, {File object}]
    console.log("onDrop")
    console.log(pictureFiles);
    console.log(pictureDataURLs);
    this.props.onSetPicture(pictureFiles, pictureDataURLs)
    this.setState({
      pictureFiles: pictureFiles,
      pictureDataURLs: pictureDataURLs,
    });
  }

console.log( action.newPictureFiles ) 像这样打印[File object array in chrome dbg]，在reducer 函数case types.SET_PICTURE: 之后，redux 像这样打印空obj [redux result]。为什么 reducer 不能将 File 对象保存在 redux 存储中。以及如何解决？

Answer 1

您的action.newPictureFiles 有文件，但没有显示，因为控制台日志会将文件打印为空 obj。

考虑到您的操作，请使用它来记录您的所有数据。newPictureFiles 是文件数组。

action.newPictureFiles.forEach(file => {
    for (var pair of file.entries()) {
        console.log(pair[0] + ', ' + pair[1]);
    }
})

或者每个文件都这样

for (var pair of file.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}