我想使用FeatherSJS将图像从React-Native上传到MongoDB

Question

我正在使用feathersjs与react-native上的电子商务应用程序的项目一起工作，我无法将图像上传到数据库中，我也在使用React创建一个Blob文件 - 本地键但它不起作用，它抛出了FileReader.readAsArrayBuffer is not implemented的错误。我只想上传图像，然后将其恢复原状，请帮助我进行反应。

https://github.com/feathersjs/feathers/issues/348

uploadImageFromDevice = () => {
    const options = {
      title: 'Select a Photo',
      cancelButtonTitle: 'Cancel',
      takePhotoButtonTitle: 'Take Photo…',
      chooseFromLibraryButtonTitle: 'Choose from Library…'
    };
    ImagePicker.showImagePicker(options, (response) => {
      console.log('Response = ', response);
      if (response.didCancel) {
        console.log('User cancelled image picker');
      } else if (response.error) {
        console.log('ImagePicker Error: ', response.error);
      } else if (response.customButton) {
        console.log('User tapped custom button: ', response.customButton);
      } else {
        { this.storeImageToFeathers(response, response.fileName); }
      }
    });
  }
storeImageToFeathers = (response, mime = ';BASE64') => new Promise((resolve, reject) => {
    const uri = response.uri;
    const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri;
    const name = new Date().toString();
    const imageRef = firebase.storage().ref('/photos/posts').child(name);
    fs.readFile(uploadUri, 'base64')
      .then(data => Blob.build(data, { type: `${mime};BASE64` }))
      .then((blob) => {
        console.log(blob);
        client.service('image-upload').create({
          uri: blob
        }).then((res) => console.log(res))
          .catch(err => console.log(err.message))
       })
  })

Answer 1

为了将文件上传到feathersjs，您应该使用多部分表单。您必须安装使用Express中间件获取上传文件的模块Multer。

这是一篇很好的文章。

您的方法的问题是您以字符串64格式上传文件。这是一个很大的问题，即当文件有些大时，请求可能会因为大小而失败。多部分形式将文件分批上传。