首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用react-native将文件上传到服务器

如何使用react-native将文件上传到服务器
EN

Stack Overflow用户
提问于 2015-04-07 18:35:33
回答 5查看 95.4K关注 0票数 46

我正在开发一个应用程序,我需要上传一个图像到服务器。基于图像,我得到了需要渲染的响应。

你能告诉我如何使用react-native上传图片吗?

EN

回答 5

Stack Overflow用户

发布于 2016-03-21 14:44:38

React Native内置了文件上传功能。

来自React原生代码的Example

代码语言:javascript
复制
var photo = {
    uri: uriFromCameraRoll,
    type: 'image/jpeg',
    name: 'photo.jpg',
};

var body = new FormData();
body.append('authToken', 'secret');
body.append('photo', photo);
body.append('title', 'A beautiful photo!');

var xhr = new XMLHttpRequest();
xhr.open('POST', serverURL);
xhr.send(body);
票数 59
EN

Stack Overflow用户

发布于 2017-01-19 06:41:21

我的解决方案是使用fetch API和FormData。

已在Android上测试。

代码语言:javascript
复制
const file = {
  uri,             // e.g. 'file:///path/to/file/image123.jpg'
  name,            // e.g. 'image123.jpg',
  type             // e.g. 'image/jpg'
}

const body = new FormData()
body.append('file', file)

fetch(url, {
  method: 'POST',
  body
})
票数 21
EN

Stack Overflow用户

发布于 2015-04-23 17:02:51

我写了一些类似的东西。查看https://github.com/kamilkp/react-native-file-transfer

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29489502

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档