如何在React Native中使用图像uri删除图像？

Question

I am trying to develop a simple app.This app posts a multipart form data with image and some text field. I am picking the image using react-native-image-picker. My App works fine. But i noticed it is not clearing the images. That is why the size of my app is increasing. If i go to General>Iphone storage, i can see my app size increasing.

I have tried the following code to delete the image but it did not work.

import RNFetchBlob from 'react-native-fetch-blob';
RNFetchBlob.fs.unlink(imageuri)
 .then(() => {
    console.log('file deleted!');
 });

I think RnFetchBlob needs the actual file path.The code of my upload function is given below.

upload() {
var new_state = this.state;
var image_array = this.state.imageArray;
var comment = this.state.main_comment;

var new_state = this.state;
new_state.loader_show = !new_state.loader_show;
this.setState(new_state);

navigator.geolocation.getCurrentPosition(position => {
  var lat = parseFloat(position.coords.latitude);
  var lon = parseFloat(position.coords.longitude);
  var new_state = this.state;
  new_state.lat = lat;
  new_state.lon = lon;
});
var position = "position(" + this.state.lat + "," + this.state.lon + ")";

for (var i = 0; i < image_array.length; i++) {
  var file_name = position + "-" + i;
  const data = new FormData();
  data.append("name", file_name);
  data.append("comment", comment); // you can append anyone.
  data.append("images", {
    uri: image_array[i].uri,
    type: "image/jpeg", // or photo.type
    name: "testPhotoName"
  });
  fetch("#####", {
    method: "post",
    body: data
  })
    .then(res => {
      alert("Successfully uploaded from " + position);

      ************************* Here I want to Delete the file *******
      RNFetchBlob.fs.unlink(image_array[i].uri).then(() => {
        console.log("file deleted!");
      });
      ****************************************************************
    })
    .catch(err => {
      // ...
      alert(err);
    });
}

Please be informed that i store the image uri in my state. I dont have the Local file path.I want to delete the image using the uri after the upload is done.

Answer 1

I solved my problem. The below code worked for me.

  var uri = images[i].uri;
  var path = uri.split("///").pop();

  RNFetchBlob.fs
    .unlink(path)
    .then(() => {
      alert("File deleted");
    })
    .catch(err => {
      alert(err);
    });