我同时使用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
我已经在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
我正在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
回答已采纳
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
我使用一个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
回答已采纳
我正在尝试将数据转换为格式数据。正如您在这里看到的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回答
我需要上传一个文件到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
回答已采纳
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
回答已采纳
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
回答已采纳
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中有这样的数据结构
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
我有一个Vue.js表单，我使用Axios提交表单。我可以将数据保存到我的数据库中。然而，当我想要保存我动态添加的输入域时，我得到了这个错误消息...
为foreach提供的参数无效
问题是它不是一个数组，但它应该是一个数组。正如您所看到的，我想将teams[]数组从Vue组件发送到具有Axios的Laravel后端。当我console.log()组合对象对象时，对象对象。
app.js
new Vue({
el: '#regapp',
data: {
username: '',
email: '
浏览 43提问于2018-09-04得票数 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
回答已采纳
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
回答已采纳
很简单，我想用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
我将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
回答已采纳
我使用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
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
如何比较FormData对象，我正在尝试在发送ajax请求之前检查表单是否已更改。 但看起来对象是无法比较的。有没有办法把它转换成js对象或者优雅的方式？ let a = new FormData()
let b = new FormData()
console.log(a === b ) // returns false
浏览 26提问于2019-08-29得票数 2
回答已采纳
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
我试图在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
回答已采纳
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
这在直接提交表单时起作用。也许我没有将我的“表单”对象正确地传递给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
回答已采纳
我是第一次接触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对象与一个数据数组合并。
在处理序列化字符串时，我能够将它们合并：
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
回答已采纳
像name这样的键值对被附加到客户端XMLHttpRequest中的表单数据中，并与要上传的文件一起发送。
如何在使用Node.js的服务器端提取这些值。
浏览器
formdata = new FormData();
for( var x = 0;x < files.length;x = x+1){
formdata.append('file',files[x]);
}
formdata.append('name',name); //name appended here to form-data
formdata.append('emai
浏览 3提问于2020-05-26得票数 1
我只是有个小问题。
我不知道如何在处理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
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
我正在尝试添加到home.html中的列表中，并使用离子和angularjs在myOrders.html中显示列表。
问题是，当我将一个新项推到数组中时，前面的项将被替换为新项。
示例：
推送'one‘->数组为{'name':one'}
推送‘两个’->数组是{‘名称’：‘两’}，{‘名称’：‘两’} //应该是{‘名称’：‘一’}，{‘名称’：‘二’}}
推动‘三’->数组是{‘名称’：‘三’}，{‘名称’：‘三’}，{‘名称’} //应该是{‘名称’：‘一’}，{‘名称’：‘二’}，{‘名称’：‘三’}}
我在下面添加了代码的相关
浏览 3提问于2015-12-24得票数 7
回答已采纳
我在一个表单中有两个字段的问题。它们在页面加载时都以未定义的形式返回，并出现以下错误。(请注意，我删除了url和唯一路径名，但保留了核心错误段。)
TypeError:无法读取未定义的属性“”card_number“”
TypeError:无法读取未定义的属性“”ssn“”
at r.$scope.isSsnRequired (/js/ng-app/components/controller.js:67:23)
at Object.fn [as get] (eval at <anonymous> (/js/angular.min.js:216:110), <a
浏览 1提问于2017-02-01得票数 4
回答已采纳
我正在尝试将js中的表单数据上传到我的烧瓶服务器，但我没有在服务器中获得文件。
我在JS中的代码是：
const form = document.forms.namedItem('fileinfo')
form.addEventListener('submit', async (event) => {
event.preventDefault()
let formData = new FormData(form)
formData.append('firstN
浏览 11提问于2022-10-21得票数 -1
回答已采纳
我用PhoneGap制作了一个PhoneGap应用程序，并使用Javascript FormData对象使用AJAX将数据发布到服务器。然后，我尝试对Android应用程序做同样的操作，但是得到了JS错误：
ReferenceError: FormData is not defined
知道为什么一个平台使用PhoneGap而不是另一个平台会出现JS错误吗？(如果是可修复的)。我使用它的代码是上传一个图像：
var fd = new FormData();
fd.append( 'file', $('.user-photo')[0].files[0] );
fd
浏览 1提问于2014-08-07得票数 1
回答已采纳
我正在尝试将一些代码从javascript转换为jquery。
Javascript：(我得到了这段代码)
window.onload = function () {
document.getElementById('uploader').onsubmit = function () {
var formdata = new FormData(); //FormData object
var fileInput = document.getElementById('fileInput');
//Iterat
浏览 4提问于2013-09-20得票数 0
回答已采纳
2回答
我正在使用chart.js制作一个表单，用户可以填写和绘制图表。用户可以使用font-size一次填写x&y标签的字段。我将输入作为对象保存到变量中，然后希望将xOptions和yOptions对象合并到chartOptions对象中，然后可以将该对象分配给chart.js options对象。问题是，当我使用Object.assign而不是合并它时，会用第二个对象覆盖第一个对象。我已经仔细阅读了MDN的文档，但我看不出哪里出了问题。任何指导都非常感谢。有关详细信息，请参阅代码段。
$("#form").on("submit", function(e
浏览 4提问于2018-01-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
