Как конвертировать URL-адрес изображения в URI или файл и опубликовать в реагировать родной?

Question

Например, URL-адрес изображения: 'https://www.w3schools.com/w3css/img_lights.jpg'

. Я хочу загрузить его / отправить на сервер с таким форматом файла, как' multipart / form-data '.

howя должен извлечь URI файла из URL?

Answer 1

Вот мой простой код FormData с реактивным-нативным для отправки запроса со строкой и изображением.

Я использовал реагирующий-родной-сборщик изображений для захвата / выбора фотографии реагирующий-родной-изображениясборщик

let photo = { uri: source.uri}
let formdata = new FormData();

formdata.append("product[name]", 'test')
formdata.append("product[images_attributes[0][file]]", {uri: photo.uri, name: 'image.jpg', type: 'multipart/form-data'})


fetch('http://192.168.1.101:3000/products',{
  method: 'post',
  headers: {
    'Content-Type': 'multipart/form-data',
  },
  body: formdata
  }).then(response => {
    console.log("image uploaded")
  }).catch(err => {
    console.log(err)
  })  
});

Answer 2

Сделал быстрый поиск, попробуйте это решение

var file;
var xhr = new XMLHttpRequest();
xhr.open('GET', 'your image url', true);
xhr.onload = function(e) {
if (this.status == 200) {
    file = new File([this.response],'fileName');
}
};
xhr.send();