axiosを使用して、ネイティブのPOSTフォームデータをオブジェクトおよびファイルと反応させる
フィラスアブ運賃
だから私はaxiosを使用してAPIへのメモとしてオブジェクトをデータとファイルとしてアップロードしたい
uploadToServer= () => {
const file =this.state.photo
let data2 ={sale_id:1,
note_type_id:4,
description:"test",
note_content_item:" hi from broker hub"
}
let data = new FormData()
data.append('data[sale_id]', '1')
data.append('data[note_type_id]', '4')
data.append('data[description]', "test")
data.append('data[note_content_item]', "test")
console.log(data)
axios({
url: api',
method: 'POST',
data: data,
headers: {
'Content-Type' : 'multipart/form-data',
'Authorization':'Basic YnJva2VyOmJyb2tlcl8xMjM='
}
})
.then(resp => console.log(resp.data.response))
.catch(error => console.error(error));
}最初に私はメモなしでデータを試しています私は郵便配達員でそれを行うことができます
しかし、私のコードではエラーが発生しました
メッセージ：「ファイルを保存できません」response_code：10
キーをデータから別のものに変更した場合にのみ、このエラーが発生しました 
ロッキー
FormData正しく構築されていません。これを試してください。
let data = {sale_id:1,
note_type_id:4,
description:"test",
note_content_item:" hi from broker hub"
}
const formData = new FormData();
formData.append('data', JSON.stringify(data));
formData.append('Note', {
uri: "file://" //Your Image File Path
type: 'image/jpeg',
name: "imagename.jpg",
});
axios({
url : api,
method : 'POST',
data : formData,
headers: {
Accept: 'application/json',
'Content-Type': 'multipart/form-data',
'Authorization':'Basic YnJva2VyOmJyb2tlcl8xMjM='
}
})
.then(function (response) {
console.log("response :", response);
})
.catch(function (error) {
console.log("error from image :");
})
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
各文字の後にフォーカスを失うネイティブカスタムTextInputオブジェクトを反応させる
- 2
より多くの引数でネイティブフィルターjsonオブジェクトを反応させる
- 3
ネイティブアップロードビデオをフェッチBLOBおよびイメージピッカーで反応させる
- 4
反応ネイティブアプリケーションでreduxを使用してデータをフェッチおよび表示していますが、バックエンドからのデータ変更時に更新されません
- 5
反応ネイティブアプリケーションでreduxを使用してデータをフェッチおよび表示していますが、バックエンドからのデータ変更時に更新されません
- 6
反応ネイティブでaxiosリクエストの入力としてフォーム入力データを使用するにはどうすればよいですか？
- 7
Axios、ファイルを含むデータのPOSTリクエストを行う適切な方法、および配列オブジェクト
- 8
フォームデータがファイルオブジェクトを追加していません
- 9
ネイティブアップロード画像をファイルとして反応させる
- 10
反応ネイティブで外部jsファイルをインポートする場合、undefinedはオブジェクトではありません
- 11
ネイティブルータフラックスを反応させる：オーバーライドは、コンポーネントおよびアクセスローカル関数内で左または右ボタン
- 12
デフォルトのカスタムフックが指定されているコンポーネントインターフェイスを使用してReactルーター履歴オブジェクトにアクセスする方法
- 13
APIからのネイティブフェッチデータを反応させて表示する
- 14
ネイティブFlatListをオブジェクトと反応させる
- 15
ネイティブハンドルのネストされたオブジェクトをマップとディスプレイで反応させる
- 16
Expoとネイティブに反応するカスタムフォントを使用して、毎回フォントをロードする
- 17
ポリモーフィックオブジェクトおよびデフォルトとしての文字列リテラル用のJacksonカスタムデシリアライザ
- 18
ネイティブターンオブジェクト配列を文字列配列に反応させる
- 19
反応ネイティブおよびクロームデバッガーでパフォーマンスを重視する機能を見つける
- 20
curlを使用して、マルチパート/フォームデータ、ファイル、および多数のキーと値のペアをPOSTします
- 21
反応ネイティブプロジェクトでAndroid / iOSフォルダーを表示できません
- 22
ファイルやその他のデータフォームをajaxでPOSTオブジェクトとしてphpページに渡し、データベースに保存する方法は？
- 23
ネイティブの「ネットワークエラー」をポストカスタムヘッダーとフォームデータで反応させる
- 24
ネイティブイメージのURLをパラメーターとして反応させる
- 25
オブジェクトを小道具として渡し、ネストされたフォーム値をVuetifyテキストフィールドと同期する
- 26
ネイティブフロー、typescript、およびVisualStudioコードを反応させる
- 27
フォーム送信後にラジオボタンをクリアすると、ネイティブに反応します
- 28
Djangoファイルのアップロード、インスタンスオブジェクトのフォームを使用してファイルフィールドを追加できません
- 29
reactおよびnodejsを使用してフォームデータオブジェクトを送受信できませんでした
コメントを追加