我正在尝试上传一个后端的vue和laravel的图像。在我遇到问题之前，一切都很顺利。当我发出一个仅将formData作为参数发送的axios调用时，我的图像会被发送。
let formData = new FormData();
formData.append("image", this.image);
axios.post('url',formData)
但是对于axios请求，我想发送一个对象，而不仅仅是formData，类似于：
const myObj={ name:'hello','shop_id':2, imag
浏览 1提问于2020-08-29得票数 0
我试图将api请求从Nuxt发送到Laravel。在我的nuxt上，我的axios配置如下：
export default function({$axios, store}, inject){
var base_url = "http://api-test.test/api";
inject('api', function(){
const axios_api = $axios.create()
axios_api.setBaseURL(base_url);
axios_api.setHeader('Accep
浏览 1提问于2021-09-08得票数 0
2回答
我使用Axios & FormData将数据发送到Vue.js项目中的服务器。它以前曾经工作过，但现在，每当我发送一个formData对象时，它似乎都没有被追加：
模拟服务器：
Chrome开发工具：
(注意内容长度为2，FormData丢失)
let url = "https://benben.free.beeceptor.com/1"
const fd = new FormData()
fd.append('key', 'value')
return axios.post(url,
浏览 16提问于2021-03-31得票数 0
我在向Laravel发送数据和文件并验证它们时遇到了问题。 当只处理数据时，我可以发送一个post请求 const onSubmit = (data) => {
axios.post(url, data).then(res => {
console.log(res.data);
})
.catch(error => {
console.log('error', error);
});
}; 然后在我的控制器上，我可以验证数据并使用它 public function create(Request $req
浏览 22提问于2020-10-14得票数 1
回答已采纳
我创建了一个REST Api。在前面，我使用axios发送post值。(我使用ReactJS)。回到Symfony，在我的控制器中，我想要获取post值。我该怎么做呢？我做到了： 从前面看： const data = new FormData();
let postData = {
source: 'lcl',
userLastname: lastname,
userFirstname: firstname,
text: message,
}
da
浏览 31提问于2019-01-14得票数 1
1回答
我尝试了所有以前的方法，但都对我没有帮助。我尝试通过axios上传文件： const [file, setFile] = useState(null)
setFile(event.target.files[0]);
const uploadFile = () => {
const formData = new FormData();
formData.append('myFile', file);
api.createFile(formData).then(res => {
console.log
浏览 5提问于2021-01-13得票数 0
回答已采纳
2回答
//Vuejs2 //Laravel v7.x 我求助于你，因为我阻塞了，我找不到解决方案。我想在控制器中恢复对象中的数据。在我的View.vue中，我发布了一个axios帖子。 data() {
return {
customer: {
name: 'abc',
login: 'def'
},
file: null
}
},methods: {
submit(){
浏览 22提问于2020-07-31得票数 2
回答已采纳
我正在尝试将.png映像从客户机发送到.NET Core。我在API中完全遵循，所以我的控制器端点看起来如下所示：
[HttpPut]
public async Task<IActionResult> SaveFile(List<IFormFile> files) {...}
由于我使用的是Axios，所以在前端代码中使用了以下：
axios.put(url, imageFile, {
headers: {
'Content-Type': imageFile.type
}
});
我还尝试将图像文件包装到FormData类中，如下所示：
浏览 2提问于2020-09-17得票数 0
回答已采纳
我使用formData和axios在我的反应前端应用程序，以适应图像字段。因此，我发送给后台Django rest应用程序的数据是空的。
前端axios请求
const addPost = (userInput, redirectTo) => dispatch => {
const input = [];
input[0] = userInput[0];
input[1] = userInput[1];
const postInput = userInput[2];
const formData = new FormData();
浏览 1提问于2022-01-11得票数 0
嗨，我有这个带Vuejs的手语本：
我试图将这些数据发送到控制器中存储，但当我这样做时：
const { isEmpty, data } = this.$refs.signaturePad.saveSignature();
console.log(isEmpty);
console.log(data);
let formData = new FormData();
formData.append('signtaure', this.$refs.signaturePad.saveSignature());
axios.post('/api/employee/upda
浏览 7提问于2022-02-18得票数 0
回答已采纳
我可以使用axios和FormData api向服务器发送一个文件，如下所示：
persist(avatar){
let data = new FormData();
data.append('avatar', avatar);
axios.post(`/api/users/${this.user.name}/avatar`, data)
.then(() => flash('Avatar uploaded!'));
}
avatar param是来自" fil
浏览 0提问于2018-07-27得票数 3
回答已采纳
1回答
您好，我可以发送一个帖子使用vue js axios到一个控制器在Asp .NET核心2.2，像这样 axios({
url: '/Parametros/Create',
method: 'post',
ContentType: 'application/json',
data: formData
浏览 12提问于2019-05-06得票数 3
我完全是拉威尔的初学者，所以先生，请帮帮我。
我将从react axios.post()发送Image_Mode="Gallery"，并希望在laravel控制器中获取Image_Mode值。
示例：
$img_mode = $request->input('img_mode');
REACT代码
fileUploadHandler = (e) =>{ let img_mode =''；const配置={ headers：{ 'Content-Type'：'multipart/form-data‘}，img_
浏览 10提问于2020-02-22得票数 1
1回答
我有一个nest控制器，它接受以下DTO，其中一个参数应该是一个缓冲区，它是从文件中读取的，它假设读取bin文件
interface LoadFileRequest {
targetIp: string;
fileBuffer: Buffer;
user: User;
}
interface User {
username: string;
password: string;
}
@Controller('loader')
export class KeyLoaderController {
@Post('load')
async
浏览 11提问于2022-08-04得票数 0
1回答
我试图发送多部分请求，使用axios在一个世博会反应本地项目，但在花了很多时间寻找正确的方法，我无法使它在Android模拟器或真正的设备。
我的多个部分由三个部分组成：JSON、图像和视频。
这个问题来自于JSON，因为它只运行发送图像和视频，而不向formData添加JSON部分。如果我将JSON作为常规的axios帖子(而不是多部分)发送，而不发送图像或视频，它也能工作。
环境：
"expo": "~46.0.16",
"react-native": "0.69.6",
"axios": "^1.1.
浏览 11提问于2022-11-29得票数 1
1回答
我试图在我的API之上实现一个抽象。我需要一个axios客户端的实例，以便在稍后阶段拦截请求。使用下面的代码，我尝试重用同一个实例。下面的代码是否保证在我的视图层中导入函数(即身份验证)时，只有一个axios客户机？如果是，为什么？
index.ts
import axios from 'axios'
export const baseUrl = 'http://localhost:8080';
export const axiosClient = axios.create();
session.ts
import {axiosClient, baseUrl}
浏览 0提问于2018-08-13得票数 1
我正在使用Rails和Axios进行反应来创建一个记录。在我的React应用程序中，我收集了所有数据，并将其放入FormData中，如下所示：
const createVtc = () => {
let data = new FormData()
data.append('image', vtcImageToSend)
data.append('name', vtcName)
data.append('description', vtcDescription)
浏览 10提问于2020-05-31得票数 0
一旦我使用axios发送"multipart“文本文件，我就会尝试访问文本文件的内容。我如何在flask中访问它。 data = dict(request.form)
print(data) 在烧瓶中完成此操作后，我得到了 {'file': '[object Object]'} 在前端或react上，我这样做： formData.append('file',info.file)
console.log(formData)
const conf
浏览 12提问于2019-12-26得票数 0
我想弄清楚这件事有一段时间了。我要做的是上传一个图像，然后通过ajax提交表单，并在控制器中访问它。代码中我发布数据的部分：
var formData = new FormData();
formData.append('file', files[0]);
axios.post('/uploadImg', {
formData
})
.then(response => console.log(response.data));
如果我在console.log(formData.get('file'));之前使用axios.
浏览 3提问于2017-05-11得票数 0
回答已采纳
我想加载一个excel文件，将它与axios一起发送到Controller和Maatwebsite\Excel进行导入。
当我从刀片中使用Php时，Controller中的导入部分正在工作，我在从Vuejs组件发送时遇到了问题。我看不懂Excel文件。或者我看不懂控制器里的内容。
这是我的密码：
<template>
<input type="file" @change="checkFile" />
<button @click="importExcel()">Import File</butt
浏览 1提问于2019-02-13得票数 0
回答已采纳
我正在尝试建立一个媒体资产数据库，使用Laravel，Vue，Axios和干预图像。我希望用户能够在下载图像之前设置所需的图像高度和宽度。然后使用axios后请求将其发送给控制器。在控制器内部，干预映像正在运行它的魔力(K)，并将调整大小的文件作为响应返回。
现在，我希望返回的图像作为响应来触发下载。我需要用我的公理-响应做什么？
以下是我目前的情况：
Axios-Request:
resize(file) {
this.file = file;
let formData = new FormData();
formData.append(&#
浏览 0提问于2019-02-10得票数 0
我试图将一个字符串数组从ReactJS发送到WebApi，但只得到了一个字符串。 下面是我的ReactJS代码： import React, { useState } from "react";
import axios from "axios";
export const FileUpload = () => {
const [files, setFiles] = useState();
const [fileNames, setFileNames] = useState();
const saveFile = (e) => {
浏览 10提问于2020-08-27得票数 1
我使用的反应从前端和表达后端。也是multer，这是一个第三方包，用于处理文件输入。现在，我想要的是，应该有一个对象数组，我可以附加到formData并通过axios发送它。然而，我没有这样做。我编写了以下代码：
const handleSubmit = (id, e) => {
//formdata object to be created
e.preventDefault()
const formData = new FormData;
for (var i = 0; i < dataFolder.length; i++) {
浏览 2提问于2020-03-11得票数 0
回答已采纳
我试图使用axios向后端发送post请求，但由于某种原因我无法发送布尔"isActive“。有办法这样做吗？
async submit() {
const isValid = await this.$validator.validateAll()
if (isValid && !this.submitting) {
let formData = new FormData();
formData.set("city", this.formData.city)
formData.set(
浏览 3提问于2021-06-06得票数 1
回答已采纳
1回答
我试图使用axios发送对象和文件。但是，服务器似乎无法像我预期的那样获得数据。
我试图同时发送带有文件的i.e state = {number: 1}作为数据。
//react js
let formData = new FormData();
formData.append('file', this.state.selectedImage);
formData.append('data', this.state);
axios.post('url is correct', formData, {
he
浏览 1提问于2019-06-17得票数 1
我试图在同一个多部分POST请求中向REST端点发送一个文件和一些json。请求直接从javascript发出，使用axios库，如下面的方法所示。
doAjaxPost() {
var formData = new FormData();
var file = document.querySelector('#file');
formData.append("file", file.files[0]);
formData.append("document", documentJson);
axios(
浏览 0提问于2018-06-09得票数 47
回答已采纳
我需要将用户输入作为JSON数据和一个文件发送到API端点。我可以独立发送每一个，但我不能为我的生活找到如何做到这两者。
我的API端点读取每个都很好，但是在调试时，请求永远不会通过Axios post调用。
我试过很多次测试，但到目前为止还没有成功。
*编辑发现一半问题发生在服务器端。使用.Net 5 API和我使用IFormFile文件和UserMetaData数据作为参数。我在一个模型中找到了一篇创建所有POCOs的文章，并使用了它。而不是。现在，我可以使用POSTMAN正确地接收文件和数据，但是当它来自axios时，它现在是空的。这是控制器供参考
[HttpPost]
浏览 8提问于2021-12-16得票数 0
我用了expo-image-picker和axios 0.26.1。formData在axios版本0.26.1中不起作用。使用formData时，数据不会发送到api
将axios降级为0.24.0版本，但在Android仿真器中发送formData时会出现此错误。
错误:网络错误
formData：
export const sendRequest = (url, response, method, formData) => {
return axios({
url,
method,
data: method !== "
浏览 5提问于2022-03-14得票数 3
可以将数据从本地存储保存到数据库中吗？那么最好的方法是什么呢？我的例子不起作用。
axios抛出的错误是403禁止的。然而，当我尝试发送不在本地存储上的普通数据时，它工作得很好。非常感谢你的帮助。
function saveList(){
const item = localStorage.getItem('list');
let formData = new FormData();
formData.append('type','savelist');
formData.append('data&#
浏览 1提问于2019-08-10得票数 0
我正在使用axios在react js中发送put请求中的数据。它运行得很好，但是当我试图发送当前的日期时间和put请求时，它给了我错误。
Bad Request: /buyer/OrdersAPI/14/
[03/Oct/2021 14:19:44] "PUT /buyer/OrdersAPI/14/ HTTP/1.1" 400 132
我必须发布当前日期和时间以rest api日期时间字段。
我的代码
const api = axios.create({
baseURL: 'http://localhost:8000/buyer/'
})
updat
浏览 2提问于2021-10-03得票数 0
回答已采纳
3回答
我使用FormData从VueJS应用程序发送Axios。问题是，当我输出FormData时，它是空的。我以前在发送文件时使用过相同的方法(我现在不发送文件)，然后FormData会显示我附加到其中的正确数据。我所附加的数据是字符串类型的。
客户端
onUpload(): void {
const fd = new FormData();
fd.append("id", this.chosenRoute.id);
fd.append("name", this.routeName);
fd.append(&#
浏览 0提问于2018-11-20得票数 1
回答已采纳
1回答
我正在为一个项目构建课程部分，其中一个部分中的多个讲座可以有多个文件。我无法将文件发送给Laravel控制器。
Vue格式
<input type="file" id="files" name="files[]" ref="resources" multiple @change="onFilesSelect($event, lec_index)">
方法
onFilesSelect(event, lec_index){
let files_count = event.target
浏览 3提问于2020-02-01得票数 1
回答已采纳
我需要发送一个图像和一些细节作为形式数据的反应-本机。
为此，我使用了axios post方法。
这是我的代码：
const formData = new FormData();
formData.append('taskId', taskId);
formData.append('taskName', taskName);
formData.append('projectId', projectId);
formData.append('projectName', projectName);
formData.append(&
浏览 6提问于2021-06-22得票数 2
回答已采纳
我似乎无法找出为什么我的控制器接收空数据。我能够到达控制器，但没有数据传输。当我使用Postman用Body和正确的键/数据内容测试API时，控制器端的一切都很好。
我的控制器方法：
[Route("home/api/files")]
public class FileController : ControllerBase
{
[HttpPost]
public async Task<IActionResult> Post([FromForm] FileModel file)
{
if (file == null)
retu
浏览 1提问于2020-02-08得票数 2
回答已采纳
有问题上传文件从NodeJs服务器端，找到100个帖子和重新学习，但没有任何工作，将感谢任何帮助。
应用程序的结构
前端应用程序- receving框架重新编码文件，并在base64中编码要发送到API的图像内容。
后端- NestJS应用程序-在API中重命名base64映像
来自我的后端API的需要将文件发送到外部后端(Python )来上传--这是的问题。
请参阅下面我的代码，JS的文件有问题
我尝试过几种方法，它们都以相同的错误结束。
1溶液
在缓冲区中转换base64图像并发送到外部后端上传文件也试图传递cleanImageBuffer，但没有更改
import axios from
浏览 20提问于2022-11-10得票数 0
回答已采纳
让异步文件上传(我可以在web上找到)的一种常见方法如下：
myUpload(ev) {
ev.preventDefault();
const data = new FormData();
data.append('file', this.uploadInput.files[0]);
/* Do the upload with something like axios */
axios.post('http://localhost:8000/upload', data)
. ...
}
我不能解释以下几点：
对象this.u
浏览 0提问于2018-11-02得票数 0
回答已采纳
1回答
我正在尝试使用axios从reactjs的前端向nodejs的后端发送csv文件。通过浏览UI按钮选择此csv文件，并使用react将其存储在状态中。在线搜索后，这是我对HTTPS请求的代码：
let formmData = new FormData();
formData.append('file', this.state.selectedFile);
const {data : QueryResult} = await axios({
method: 'post',
url: "https://localhos
浏览 1提问于2021-03-09得票数 4
我使用Vue3和axios来使用FormData发布表单，但是它是空的，没有传递任何内容。
{“formData”：{}
以下是我正在做的事情：
const formData= new FormData();
formData.set("name", name);
axios.post("postform", formData);
我也试过这个：
formData.set("name", "John Doe");
axios.post("postform", formData);
这是：
formData
浏览 3提问于2021-02-24得票数 5
1回答
我正在尝试上传多个文件，使用FormData作为一个包含文件和其他必要属性的对象数组，但我没有得到预期的结果。
import api from './api';
const formData = new FormData();
// File input with multiple attribute
const files = this.$refs.photo.files;
if (files.length > 0) {
for (let i = 0; i < files.length; i++) {
formData.append('f
浏览 1提问于2021-10-14得票数 0
回答已采纳
我一直试图从请求中获取这个文件包，但我没有运气：
这就是我要发送的内容：
这是我在做dd($request)时收到的
然而，当试图输出或访问它时：
例如：
dd($request->file('files')[0]);
it输出
message: "Cannot use object of type Symfony\Component\HttpFoundation\FileBag as array",
我也试过了
dd($request->file('files'));
但是它输出空。
我也试过：
$t = $re
浏览 2提问于2020-06-13得票数 2
创建FormData对象的方法
function createFormData (file, payload) {
let formData = new window.FormData()
formData.append('Excel', file)
formData.append('SomeOtherKey', JSON.stringify(payload))
return formData
}
我向服务器发送数据的方法
function sendDataToServer (payload) {
axios.post('/some-
浏览 0提问于2018-06-04得票数 2
我的问题是:在简单的超文本标记语言中创建一个表单，并使用action="/myController“。我需要将表单数据发送到我的控制器，然后从那里我需要向外部控制器发送另一个POST。
<form method="post" action="/myController">
<textarea name="data"></textarea>
</form>
我的Spring Controller看起来像这样：
@RequestMapping(method = RequestMethod
浏览 0提问于2016-02-02得票数 1
1回答
我正试图从Azure获得一个图形标记，并通过Axios发送一个具有表单数据的post请求。响应抛出一个错误请求，状态代码404失败。下面是代码，
const axios = require('axios')
const FormData = require('form-data')
const bodyFormData = new FormData()
bodyFormData.append('client_id', <client id>)
bodyFormData.append('client_secr
浏览 6提问于2021-05-12得票数 4
为什么我不能将FormData对象值发送到我的Laravel应用程序
Javascript代码：
console.log("Sending start...")
for (var value of company.values()) {
console.log(value);
}
this.$axios.put(url, company)
.then(res => {
console.log(res)
})
.catch(error => {
console.log(error)
})
响应预
浏览 1提问于2019-09-20得票数 1
回答已采纳
一般来说，我是一个非常新的Flask和Blobs，但我已经尝试了一段时间从我的前端发送一个.wav文件到我的后端。一般来说，我似乎应该将文件放入一个FormData()中，然后向后端发送一个post请求。 下面是我的前端代码： import React from "react";
import { DropzoneArea } from "material-ui-dropzone";
import axios from "axios";
const DropzoneAreaExample = () => {
const header
浏览 12提问于2020-10-24得票数 0
回答已采纳
vanilla javascript客户端(我尝试过使用axios/ajax/fetch) const myForm = document.getElementById("myForm");
myForm.addEventListener("submit", (e) => {
debugger;
var name = document.getElementById("errorInput").value;
var description = document.getElementById("errorDescriptionInpu
浏览 14提问于2021-11-04得票数 1
回答已采纳
1回答
大家早上好， 我使用："laravel/framework"："^6.2"，"axios"："^0.19"，"vue"："^2.5.17"， 我有一个问题，当我使用axios.put和路由put我的response.data是正确的( response.data："ok")，但在我的axios.post和路由帖子中，我收到了我的response.data中的html，我不明白为什么有人可以解释我，请？如何在我的axios.post中获得一个reponse.data:"ok“
浏览 76提问于2020-01-15得票数 2
回答已采纳
例如，我有这样的代码，它向asp.net核心6WebAPI控制器发送数据。
const formData = new FormData();
formData.append("Id", 1);
formData.append("PhotoNames", ["name1", "name2", "name3"]);
formData.append("Photos", [file1, file2, file3)];
axios.post("/api/MyController", formD
浏览 3提问于2021-11-23得票数 1
回答已采纳
我有一个Vue.js表单，我使用Axios提交表单。我可以将数据保存到我的数据库中。然而，当我想要保存我动态添加的输入域时，我得到了这个错误消息...
为foreach提供的参数无效
问题是它不是一个数组，但它应该是一个数组。正如您所看到的，我想将teams[]数组从Vue组件发送到具有Axios的Laravel后端。当我console.log()组合对象对象时，对象对象。
app.js
new Vue({
el: '#regapp',
data: {
username: '',
email: '
浏览 43提问于2018-09-04得票数 0
1回答
我正在尝试从reactjs项目上传一个文件到Laravel后端。
在react中，我这样设置它(组件来自reactstrap)：
<FormGroup>
<Label for="invoice">
<IntlMessages id="words.invoice" />
</Label>
<Input
type="file"
name="invoice"
onChange={this.handleInvoiceChange}
/&g
浏览 10提问于2019-07-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
