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
回答已采纳
我试图弄清楚什么是，以及如何在这个平台上工作。
我被困在简单的问题上了。
在提交时，我使用jQuery ajax将表单发送到服务器。但是我得到了响应: 500 (元素MY_VAR在形式上没有定义)。
我做错什么了？
JS
$loginForm.on('submit', function(e) {
e.preventDefault();
var formData = new FormData(e.target);
$.ajax({
url: 'test.cfm',
method: 'POST'
浏览 6提问于2017-12-01得票数 4
因此，我使用一个名为vue-cropper.js的npm包来裁剪图像，并将裁剪后的图像上传到远程服务器。然而，上传部分的裁剪图像不工作，因为所有我得到的是一个CORS错误。但问题是，当我上传一张没有裁剪的图片时，它是有效的，并且没有错误。我不明白我做错了什么。 我已经检查过无数次cropper.js文档，它们告诉您要做的就是创建一个blob，并将其附加到表单数据中，然后再进行POST。再一次，这就是我正在做的。 这是我的裁剪组件的模板。 <vue-cropper
v-show="imageSrc"
class="vue-cropp
浏览 31提问于2019-05-06得票数 1
我同时使用vue.js和sails.js，我需要创建一个带有图片和其他文本值的产品，我在整个表单中创建了一个formData对象，并向其追加了一些数据。当我倾向于注销数据时，它不是空的，但当我使用req.body或req.params时，它显示为空对象。我的代码如下： var form = document.querySelector('form');
var formData = new FormData(form);
formData.append('owner', cid);
formData.append('name', t
浏览 24提问于2019-02-02得票数 1
1回答
我问这个数组或对象的原因是因为我使用了回波is_array($news)？' array‘：’不是数组‘；它表明它不是数组，那么它是一个对象吗？
我知道如何从php数组中读取。我基本上有一个类似于这个搜索数组的格式数据，如下所示
searcharray = ["yemen", "america", "franc", "germany"];
const json = JSON.stringify({searcharray });
const formData = new FormData();
formData.app
浏览 3提问于2022-08-24得票数 -1
我已经在angular中创建了一个前端应用程序，并使用HTTP服务方法向服务器发送请求(包含node.js代码)。在前端，我创建了一个csv文件，该文件保存在angular组件的相同目录中。我希望使用node.js服务方法将文件发送到服务器(包含HTTP代码)。我创建了以下代码：
客户端(前端)代码，用angular.js开发：
uploadCSVFileOnServer(){
let file = new File([""], "./abc.csv"));
let formData = new FormData();
formData.
浏览 15提问于2019-11-12得票数 0
回答已采纳
在节点js上工作时，在实现报头令牌之后，我会得到这个错误。
SyntaxError:位于0位置的JSON中的意外令牌
如何解决这一问题
此错误的解决方案。
节点js代码是
databaseApp.post(
"/api/import-database",
uploadDatabase.single("databaseFile"),
function (req, res) {}
这是正面的角度..。
const formData = new FormData();
formData.append("database
浏览 1提问于2022-04-04得票数 -2
2回答
我想使用AJAX将FormData发送到我的PHP文件，但当我单击按钮时，出现undefined index fname错误。
<form id="myForm" method ="post" enctype="multipart/form-data">
First Name: <input type="text" name="fname" id="fname" /> <br>
Last Name: <input type="text
浏览 1提问于2015-07-10得票数 0
我正在NodeJs上学习和实验。我使用request-promise从NodeJs调用另一个api。我正在使用form-data创建一个表单并将其发送到另一个api。我的片段：
const requestPromise = require('request-promise');
const FormData = require('form-data');
....
var sendToAPI = async (fileObjBuffer, myId, timestamp) => {
let formData = new FormData();
浏览 3提问于2019-12-30得票数 2
回答已采纳
我使用一个FormData对象(所以没有真正的超文本标记语言表单)在JS中创建一个表单，我想用POST方法将它提交给另一个重定向的URL (就像我编译一个表单并按下submit按钮，重定向到action URL一样)。
我试过使用下面的代码：
function sendFileToDetailsStep(fileToUpload) {
var formData = new FormData();
formData.append("file", fileToUpload);
formData.append(&
浏览 33提问于2021-02-13得票数 0
React代码- FileUploader.js
// React - FileUplader.js
const handleSubmission = (e) => {
e.preventDefault();
if(isSelected === false){
alert("load the file");
}
else{
const formData = new FormData();
formData.append("
浏览 7提问于2022-07-07得票数 2
回答已采纳
1回答
我需要上传一个文件到API-Gateway。在添加了一些元信息之后，文件应该被发送到另一个(微)服务(作为Content-Type: multipart/form-data)。在API-Gateway中构建FormData对象时遇到了一些问题。我不想将文件持久化在网关上，所以我基本上只是尝试传递它。 为了创建formData对象，我使用了Form-Data 这是一个尝试的结果： // Controller
@Post()
@UseInterceptors(FileInterceptor('file'))
async create(@Res()
浏览 67提问于2019-09-13得票数 8
回答已采纳
我正在尝试将数据转换为格式数据。正如您在这里看到的onSubmit的输入一样，数据显示得很好，但是，我尝试将其附加为formData，但它不起作用。
const onSubmit = async (input) => {
console.log("input >>", input);
const formData = formHelper.getFormData(input);
console.log("formData >>", formData);
// submitAction(formData
浏览 1提问于2022-02-16得票数 0
1回答
我有一个问题不能解决。我有两个组件: ReservationMain.js和ReservationForm.js ReservationMain.js import React, { Component } from 'react';
import PropTypes from 'prop-types';
import ReservationForm from './ReservationForm';
class ReservationMain extends Component {
state = {
formData: {
浏览 5提问于2021-03-29得票数 1
总之，我在angular中实现了一个上传文件的代码，但问题是当我第一次上传文件时，它成功上传了，但当我第二次上传时，它显示了下面的错误。
EmployeeDetailComponent.html:39 ERROR TypeError: this.fileUpload.upload is not a function
at EmployeeDetailComponent.uploadFile (employee-detail.component.ts:92)
at Object.eval [as handleEvent] (EmployeeDetailComponent.html
浏览 9提问于2020-03-14得票数 0
回答已采纳
2回答
我在角JS中初始化了数组：
$scope.formData.universitySelected = [];
我尝试在循环中填充数组：
angular.forEach($scope.formData.university, function (value, key) {
if (typeof value === 'object') {
$scope.formData.universitySelected[key].id = value.IdEducation;
} else {
$scope.formData.universi
浏览 1提问于2015-08-29得票数 1
回答已采纳
我正在向"Cloudinary“服务器发出POST请求，要求上传图像，并在react-native中使用axios发送表单数据。整个过程在iOS上运行得很好，但在安卓上我得到了“网络错误”。
我使用的是axios 0.18.0，并且在过去的3天里一直坚持使用它。谁来帮帮我。
这个问题已经被许多人所面对，但到目前为止还没有解决方案。
var photo = {
uri: image.sourceURL,
type: image.mime,
name: image.filename,
};
var formData = new FormData();
formData
浏览 2提问于2018-05-28得票数 3
2回答
我希望在JavaScript中生成一个表单并追加该表单，但它不起作用：
JS
var formData = new FormData();
formData.append("part_num", "123ABC");
formData.append("part_price", 7.95);
formData.append("part_image", somefile)
document.getElementById("form").append(formaData);
浏览 0提问于2014-01-26得票数 0
回答已采纳
有问题上传文件从NodeJs服务器端，找到100个帖子和重新学习，但没有任何工作，将感谢任何帮助。
应用程序的结构
前端应用程序- receving框架重新编码文件，并在base64中编码要发送到API的图像内容。
后端- NestJS应用程序-在API中重命名base64映像
来自我的后端API的需要将文件发送到外部后端(Python )来上传--这是的问题。
请参阅下面我的代码，JS的文件有问题
我尝试过几种方法，它们都以相同的错误结束。
1溶液
在缓冲区中转换base64图像并发送到外部后端上传文件也试图传递cleanImageBuffer，但没有更改
import axios from
浏览 20提问于2022-11-10得票数 0
回答已采纳
2回答
当将表单数据发送到我的node.js后端时，我得到了一个400错误。它也给了我这个错误：Unexpected token - in JSON at position 0，我知道我的节点应用程序没有问题，因为我可以使用Postman发送相同的数据，而且它工作得很好。
这是我的角度法：
const formData = new FormData();
formData.append("db", $scope.item.db.toLowerCase());
formData.append(
"collection",
浏览 7提问于2022-02-20得票数 0
回答已采纳
2回答
我有个简单的设想。我需要从S3读取一个对象并将其输出到PUT请求。下面是我使用的代码。
// client.js
let AWS = require('aws-sdk')
let request = require('request')
let bucket = 'my_bucket'
let filename = 'path/to/file.zip'
let host = 'localhost'
let port = 8080
let s3 = new AWS.S3({
. . .
})
let re
浏览 1提问于2017-03-18得票数 4
回答已采纳
1回答
我在php中想要完成的事情如下：
$var->doSomething(['chris' => ['age' => 22], 'evan']);
我通过formData发送了一个数组(显然不像上面的问题)，php完全可以这样读取数组：
$array = $_POST('arrayOfValues');
$var->doSomething($array);
我的js formdata上的数据如下：
var array = ['chris', 'evan'];
var data =
浏览 13提问于2018-07-21得票数 1
回答已采纳
因此，当我试图将数据附加到formData时，它什么也不做。Js代码：
document.querySelector("#regForm").addEventListener('submit', e => {
e.preventDefault();
let username = document.querySelector("#username").value;
let formData = new FormData();
formData.append('username', 'u
浏览 10提问于2022-10-01得票数 -2
回答已采纳
我有一个Vue.js表单，我使用Axios提交表单。我可以将数据保存到我的数据库中。然而，当我想要保存我动态添加的输入域时，我得到了这个错误消息...
为foreach提供的参数无效
问题是它不是一个数组，但它应该是一个数组。正如您所看到的，我想将teams[]数组从Vue组件发送到具有Axios的Laravel后端。当我console.log()组合对象对象时，对象对象。
app.js
new Vue({
el: '#regapp',
data: {
username: '',
email: '
浏览 43提问于2018-09-04得票数 0
我在vue.js中有这样的数据结构
data() {
return {
formData: new Form({
files:[],
Count:5,
..
}
我试图使用以下代码来获取长度：
<div class="image-input" v-if="this.formData.files.length < this.formData.Count">
当我运行这段代码时，我在控制台中得到了这个错误：
TypeError:无法读取未定义属性的“长度”
该错误出现
浏览 5提问于2020-10-30得票数 0
我想向后端发送两种数据：
FormData中的文件
和一个图书对象
我怎样才能用一张邮件发送这两件东西呢？图像上传已经开始工作了！
谢谢你提前给我！
前端:角
upload(image: any, book: Book) {
const formData: FormData = new FormData();
formData.append('image', image, image.name);
return this.http.post('http://localhost:3000/api/books/upload'
浏览 0提问于2019-01-22得票数 0
var demoApp = angular.module('myApp', []);
demoApp.controller('MyController', function($scope, $http) {
$scope.formData = {};
$scope.formData.selectedTechnologies = {};
$scope.checkSelected = function(object) {
return Object.keys(object).some(function(key) {
浏览 4提问于2017-04-12得票数 0
回答已采纳
我想向PHP页面发送一个FormData值和一些字符串值。
这里是我在JS端的代码：
$.ajax({
url: 'upload-pic.php',
type: 'post',
data: {
type : type,
id : id,
formData : formData
},
processData:false,
su
浏览 2提问于2015-10-22得票数 1
回答已采纳
很简单，我想用js迭代formData。
迭代位于此处的formData对象的示例。
我根据示例代码创建我的迭代方式。
function show()
{
var formData = new FormData( document.querySelector("#myForm") );
for(var pair in formData.entries())
{
console.log(pair[0]);
console.log(pair[1]);
}
}
ob = document.getElementBy
浏览 0提问于2018-12-09得票数 0
回答已采纳
我尝试使用钩子组件收集和创建一个对象。
有多个子组件，它们将更新父级中的状态，并创建一个主对象将其发送到API。
// creating a hook
const [formData, setFormData] = useState({});
// Getting data from the child and setting it using a hook set method
const deliveryContactDetails = deliveryData => {
contacts.push(deliveryData);
};
const product
浏览 1提问于2019-08-28得票数 0
25回答
将JS对象转换成数据
、、、
如何将JS对象转换为FormData
我想这样做的原因是，我有一个对象，我用~100表单字段值构造了一个对象。
var item = {
description: 'Some Item',
price : '0.00',
srate : '0.00',
color : 'red',
...
...
}
现在，我被要求将上传文件功能添加到我的表单中，当然，通过JSON是不可能的，所以我计划迁移到FormData。那么，我是否可以将JS对象转换为FormData？
浏览 16提问于2014-04-01得票数 236
回答已采纳
1回答
我想将图片base64保存到db (mongodb)，但不知道如何在node.js中获取请求。
这是我的客户代码
$('.imageUp').change(function(){
upload(new FormData(this))
})
function upload(formData){
$.ajax({
url: '/upload_img',
type: 'POST',
data: formData,
processData: false
})
}
那
浏览 5提问于2016-07-17得票数 0
1回答
--使用纯JS 我正在尝试将用户输入存储到浏览器的存储器中。我的代码将输入推入一个字符串化的数组中。然而，一旦页面被清除并注册了新的输入，它只更新预先存储的数据，而不是为它们创建新的对象容器。如何将新输入存储在数组中的新对象中，而不是覆盖旧输入？ function saveData() {
var data = document.querySelectorAll("input");
var formData = [];
console.log('data', data);
for (let i = 0; i < data.length
浏览 19提问于2019-01-08得票数 0
我使用fetch将数据从react端发布到nodejs (两者都在我的本地主机上运行)，所以我要做的是 let formData = new FormData();
formData.append("agent_name", this.state.agentName);
formData.append("agent_email", this.state.agentEmail);
formData.append("agent_phone", this.state.agentPhone);
formData.appe
浏览 19提问于2020-08-31得票数 0
我将scala.js与scala.js-react结合使用。为了发送ajax请求，我编写了如下内容：
def send(e: ReactEventFromInput) = Callback{
val v = e.currentTarget.value
val formData = new FormData()
formData.append("myVar", v)
val xhr = new XMLHttpRequest
xhr.onreadystatechange = (e: org.scalajs.dom.Event) => {
if (
浏览 3提问于2017-08-28得票数 1
回答已采纳
如何比较FormData对象，我正在尝试在发送ajax请求之前检查表单是否已更改。 但看起来对象是无法比较的。有没有办法把它转换成js对象或者优雅的方式？ let a = new FormData()
let b = new FormData()
console.log(a === b ) // returns false
浏览 26提问于2019-08-29得票数 2
回答已采纳
1回答
我使用远程通过ajax调用一个模式。尽管在模式中，我有一个表单，而javascript代码不听它，因此它不会发布。我的代码如下；
eModal和Ajax为表单；
$(document).ready(function() {
// process the PROJECT UPDATE form
$('#proj-edit').submit(function(event) {
// get the form data
var formData = {
'projID' : $(&#
浏览 1提问于2015-08-19得票数 0
3回答
我试图为Symfony 2制作用于上传的ajax脚本。Chrome返回以下错误：
未登录的TypeError:非法调用jquery.min.js:4
我认为这是由于FormData对象构造不正确(我尝试使用.serialized()脚本
$(document).ready(function() {
$('#formImage').submit(function(event) {
event.preventDefault();
// appel Ajax
alert("ajax");
var input = docum
浏览 3提问于2013-05-11得票数 94
回答已采纳
我使用这个库来构建我的表单：和我有一个用于日期输入的u缺血a，但是当我发送表单时，我想要在unix中转换startdate和enddate。
以下是代码：
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
浏览 4提问于2017-12-08得票数 0
1回答
我有多个相互对应的文本框和文件：
@ViewChildren('images') images;
let fi=this.images['_results'];
let formData= new FormData();
formData.append('car', JSON.stringify(data)); //values of textbox (array)
for (let index = 0; index < fi.length; index++) {
formData.append('car_imag
浏览 0提问于2018-11-16得票数 1
1回答
我已经在Node js中创建了一个用于文件上传的API。它和邮递员一起工作得很好。 我制作了一个表单，用于在Next Js中上传Excel文件。我可以在控制台中看到选定的文件。 但是我不能在formdata中设置文件。我在控制台中得到了空的表单数据。 <div>
<input
class="form-control w-25"
multiple={false}
type="file"
id="ExcelFile"
浏览 18提问于2021-10-07得票数 0
我试图在js中发布表单数据：
我有这样的代码：
var formData = new FormData();
formData.append("username", "Groucho");
formData.append("accountnum", 123456);
formData.append("afile", "2");
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://xxxxx/xx.ashx",
浏览 2提问于2011-11-27得票数 5
回答已采纳
我只是有个小问题。
我不知道如何在处理click事件时更新我的空字符串。我正在使用React。
这是我的代码中最重要的部分：
// MultiStepform.js
const defaultData = {
// I would like to update this
Grund: '',
H: '',
W: '',
G: '',
};
export const MultiStepFrom = () => {
const [formData, setForm] = useForm(defualt
浏览 0提问于2021-01-23得票数 0
我是第一次接触node js。我正在尝试发送一个由用户上传的图片，并使用express js存储在我的后端，但我一直收到500错误。我遗漏了什么？
这是我的前端代码：
const formData = new FormData();
formData.append("myImage",this.state.fotoSelected);
fetch("http://localhost:9000/producto", {
method: 'post',
body: for
浏览 2提问于2020-05-21得票数 0
1回答
我在VueJS中有一个简单的表单，希望有一个表单字段的计算属性。在将表单提交给服务器之前，我希望计算计算属性为用户输入数据，然后将其保存为数据属性。
<form>
<div>
<h3>Revenue</h3>
<input type="text" v-model="formData.revenue">
</div>
<div>
<h3>Expenses</h3>
<input
浏览 0提问于2017-09-12得票数 1
回答已采纳
这在直接提交表单时起作用。也许我没有将我的“表单”对象正确地传递给FormData。Laravel说“文件”没有被传递，当我console.log(formData)时，我看到一个包含proto支柱的对象，但据我所知，我的字段中没有一个
HTML
<form enctype="multipart/form-data" accept-charset="utf-8" method="POST" action="/file">
<input id="file" type="file" n
浏览 2提问于2015-12-23得票数 2
回答已采纳
我正在尝试添加到home.html中的列表中，并使用离子和angularjs在myOrders.html中显示列表。
问题是，当我将一个新项推到数组中时，前面的项将被替换为新项。
示例：
推送'one‘->数组为{'name':one'}
推送‘两个’->数组是{‘名称’：‘两’}，{‘名称’：‘两’} //应该是{‘名称’：‘一’}，{‘名称’：‘二’}}
推动‘三’->数组是{‘名称’：‘三’}，{‘名称’：‘三’}，{‘名称’} //应该是{‘名称’：‘一’}，{‘名称’：‘二’}，{‘名称’：‘三’}}
我在下面添加了代码的相关
浏览 3提问于2015-12-24得票数 7
回答已采纳
我想将一个FormData对象与一个数据数组合并。
在处理序列化字符串时，我能够将它们合并：
var dataString = $(this.currentForm).serialize();
var address_dict = js object;
var data = dataString + '&' + $.param(address_dict);
但是现在我的表单包含加密的数据，所以我不能使用序列化函数。
如果我只想发布表单中的数据，我可以使用：
var formData = new FormData(form[0]);
但是我需要合并来自address_di
浏览 9提问于2015-11-27得票数 0
回答已采纳
3回答
我有一个JSON数据，我在JS代码中写成
let CreateIssueFormData = (function() {
return {
"fields": {
"project": {
"key": "NC"
},
"issuetype": {
"id": ""
},
&
浏览 4提问于2016-02-13得票数 0
回答已采纳
3回答
每当我们在输入或选择标记上使用ng-model时，将ng-model对象作为undefined输入到控制器中。但一旦接触到输入，就会得到具有属性的适当对象。
为什么:
在直接提交时，不改变输入，将formData作为undefined。
一旦触摸或输入输入框中的值，并在提交表单时获得适当的formData对象。
{ "firstName"："“}
示例代码:
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', function($sco
浏览 1提问于2017-01-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
