Comments (5)
const uploadImage = (pathToImageOnFilesystem) => {
const form = new FormData()
form.append('image[image]', {
name: 'omgitsme.jpg',
uri: pathToImageOnFilesystem,
type: 'image/jpg'
})
const headers = {
'Content-Type': 'multipart/form-data'
}
return api.post('/endpoint/to/upload', form, { headers })
}
Try something like this.
from apisauce.
@skellock Unfortunately, I am having ZERO luck figuring this out. I've looked through axios' documentation and tried several approaches, none of which have worked. Most of the examples out there use fetch(). I'm trying to get it working with react-native-image-picker. Every example I'm seeing with axios is for the web, and I'm not having luck getting that to work in RN. ie:
https://github.com/mzabriskie/axios/blob/master/examples/upload/index.html
I've tried infinitered/ignite#497 and all I get is '[object Object]' in the payload (confirmed on the server)
from apisauce.
Hello. Have a look at the axios
docs. It really depends on your API, however, most likely you'll end up filling in a FormData object, and posting that up.
Lemme know if you get stuck.
from apisauce.
I am using apisauce for all my api calls but for uploading images, I ended up using https://github.com/kamilkp/react-native-file-transfer. This kind of is not a good solution, I would have loved to do all through the single way.
Will try to do it the way suggested above by skellock
from apisauce.
@skellock OK good to know. Seems my issue is actually caused from jhen0409/react-native-debugger#38
from apisauce.
Related Issues (20)
- Cannot read properties of undefined (reading 'status') HOT 7
- Request sends Twice returns HTTP 500 Error HOT 2
- doesn't support formData HOT 4
- How to add file CA Certificate https?
- Question about response type declaration HOT 5
- Vulnerability introduced by package follow-redirects HOT 1
- Do I Need To Set Headers Max-Age?
- is there any schedule to upgrade the axios? HOT 4
- Latest version support for Axios ? HOT 2
- addAsyncRequestTransform not tiggering in iOS
- Remove request/response transform. HOT 1
- got 2 test case failed in unit test HOT 1
- TypeError: axios.create is not a function error HOT 3
- Upload image not working on 3.0.1 HOT 3
- error TypeError: axios.isCancel is not a function HOT 1
- create is not a function HOT 3
- Weird behaviour with urls after updating to Xcode 15 HOT 6
- Is there a way to redo a request if failed?
- axiosInstance doesn't inherit default headers from apisauce
- Singleton concern on addResponseTransform HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from apisauce.