使用ReactNative怎么实现一个图片上传功能 - 行业资讯 - 肥雀云

　　介绍

使用ReactNative怎么实现一个图片上传功能?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

<强>解决方案:

采用FormData来实现,FormData的API参考:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData

利用FormData对象,你可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个“表单“。

那么我们就来看看在RN里怎么做,贴代码:

uploadImage () {, 　　,let formData =, new FormData (),, 　　,let file =, {uri: uri,,类型:,& # 39;多部分/格式# 39;,,名字:,& # 39;a.jpg& # 39;},, 　　, 　　,formData.append (“images"、文件),, 　　, 　　fetch (url,{大敌; 　　,方法:& # 39;文章# 39;,, 　　标题:{大敌; 　　& # 39;才能- type # 39;: & # 39;多部分/格式# 39;,, 　　},大敌; 　　身体:formData,大敌; 　　})大敌; 　　,不要犹豫((反应),=祝辞,response.text (),), 　　,不要犹豫((responseData)中=祝辞{, 　　, 　　,console.log (& # 39; responseData& # 39;, responseData)中,, 　　})大敌; 　　,.catch((错误)=祝辞{console.error(& # 39;错误# 39;,错误)}),, 　　, 　　}

1,首先我们新了一个FormData

2,创建一个文件对象,uri是什么?如下示例:

Android:,文件:///存储/模拟/0/图片/eb645893-4c00-44a3-a9b4-a2116e955f7c.jpg

ios:,/用户/ashleydw/图书馆/开发/CoreSimulator/设备/23 ee88d0-6e91-43ad-a3b6-06f87698c5a8/数据/集装箱/数据/应用程序/a73e68d3 - 7424 - 4301 - 9934 - 7803 da8a ad0f8251c1eb/tmp/- 0 - e40 4 -巴萨a593 - 884805878172. - jpg

3,设置标题

& # 39;内容类型# 39;:& # 39;多部分/格式# 39;

关于使用ReactNative怎么实现一个图片上传功能问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。