multipartform-data 相关问题

multipart / form-data是用于将表单发送到Web服务的内容类型,包括文件上载。

为什么表单数据不附加值?

我构建了简单的formData。这是我的代码: const handleFormSubmit = (data: T & { [key: string]: FileList }) => { const formData = new FormData(); // 控制台.log(数据) 哦...

回答 1 投票 0

如何使用 Postman 上的表单数据在预请求脚本中添加文件

我正在尝试在表单数据中使用预请求脚本中创建一个请求,并且在正文中我想从我的工作目录上传一个pdf文件。 我使用了以下脚本和文件...

回答 2 投票 0

react/redux中的formData在expressjs中返回未定义的req.params.id

我有一个多部分表单,我正在使用 formData 通过“PUT”请求发送数据。我收到错误 Cast to objectId failed for value 'undefined' (type string) at path '_id' for model 'Bl...

回答 1 投票 0

如何创建可以接受 Form 或 JSON 正文的 FastAPI 端点?

我想在 FastAPI 中创建一个端点,它可以接收(多部分)表单数据或 JSON 正文。有没有办法让这样的端点接受其中之一,或者检测接收到的数据类型......

回答 1 投票 0

为什么 FormData 对象没有通过 fetch() 发送?

const userAPI =“https://reqres.in/api/users” $("#myForm").on("提交", function(e) { e.preventDefault(); const formData = new FormData(this); // console.log(formData.get("inp_usern...

回答 1 投票 0

如何在 Laravel PHP 7.4 中将图像文件上传到我的数据库

路线未定义但已正确定义的路线会出现错误。我正在分享我的完整代码。 我的表迁移代码如下; 虽然已正确定义路由,但未定义路由时会出现错误。我正在分享我的完整代码。 我的表迁移代码如下; <?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Blueprint; use Illuminate\Database\Migrations\Migration; class CreateBackgroundImagesTable extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::create('background_images', function (Blueprint $table) { $table->bigIncrements('id'); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('background_images'); } } 背景图片模型代码如下: <?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class BackgroundImage extends Model { use HasFactory; protected $fillable = [ 'user_id', 'club_id', 'user_type_id', 'image_name', 'default' ]; } 我的上传和设置图像的控制器代码如下: public function uploadBackgroundImage(Request $request) { dd($request->all()); $request->validate([ 'image' => 'required|image|mimes:jpg,jpeg|max:2048', ]); $user = Auth::user(); $imageName = time() . '.' . $request->image->extension(); $request->image->move(public_path('background_images'), $imageName); // Save image details to database $backgroundImage = new BackgroundImage(); $backgroundImage->user_id = $user->id; $backgroundImage->club_id = $user->club_id; $backgroundImage->user_type_id = $user->user_type_id; $backgroundImage->image_name = $imageName; $backgroundImage->save(); return back()->with('success', 'You have successfully uploaded an image.'); } public function setDefaultBackgroundImage(Request $request) { $user = Auth::user(); // Reset current default BackgroundImage::where('user_id', $user->id) ->where('club_id', $user->club_id) ->where('user_type_id', $user->user_type_id) ->update(['default' => null]); // Set new default BackgroundImage::where('id', $request->image_id)->update(['default' => 'selected']); return back()->with('success', 'Background image updated successfully.'); } govt_menu 查看上传图片的代码: <div class="d-flex arabic-font-dir ml-5 pl-5 mt-5 mob-view-background-selection"> <p class="pr-3 mb-0">Select background of your choice:</p> <select class="dropdown pr-3" id="background_select"> <option value="{{ asset('logos/loginOtpBackgroundImg.jpg') }}" selected>Select background</option> <option value="{{ asset('logos/menuBackGround.jpg') }}">Img 1</option> <option value="{{ asset('logos/menuBackGround1.jpg') }}">Img 2</option> <option value="{{ asset('logos/menuBackGround2.jpg') }}">Img 3</option> <option value="{{ asset('logos/menuBackGround3.jpg') }}">Img 4</option> <option value="{{ asset('logos/menuBackGround4.jpg') }}">Img 5</option> <option value="{{ asset('logos/menuBackGround5.jpg') }}">Img 6</option> </select> @include('govt_menu.upload_background') </div> govt_menu.upload_background 的文件代码 <form id="uploadForm" enctype="multipart/form-data"> @csrf <label class="uploadBackground pl-3 mb-0" for="image_upload">Upload background <em style="text-transform: lowercase"><small>(.jpg format)</small></em>:</label> <input class="uploadBackground pl-3" id="image_upload" name="image" type="file" accept="image/jpg" /> <button type="submit" onclick="uploadImage()">Upload</button> </form> <script> $(document).ready(function() { $('#uploadForm').on('submit', function(e) { e.preventDefault(); var formData = new FormData(this); console.log("formData", formData); $.ajax({ url: '{{ route("upload_background") }}', method: 'POST', data: formData, processData: false, contentType: false, success: function(response) { console.log(response); }, error: function(xhr, status, error) { console.error(xhr.responseText); } }); }); }); </script> 我的路线代码如下: #Menu Dashboard - Background Image Setting Route::post('/set-default-background-image', '\App\Http\Controllers\League\HomeController@setDefaultBackgroundImage')->name('setDefaultBackgroundImage'); Route::middleware(['auth'])->group(function () { Route::post('/govt_menu/upload-background-image', '\App\Http\Controllers\League\HomeController@uploadBackgroundImage')->name('upload_background'); }); 附上错误截图。我尝试了多种方法,但没有一种有效。接下来我可以尝试什么? 您可以分享您的路线文件(web.php)吗

回答 1 投票 0

每个请求上传多张图片时出现问题

我有以下控制器的操作: [HttpPost("api/v1/addProduct")] [消耗(“多部分/表单数据”)] 公共任务 AddProduct([FromForm]

回答 1 投票 0

FileSystemInteractionException:使用documents4j时无法访问目标文件

我正在使用documents4j将word文档转换为pdf,有时我遇到了以下异常 2016-03-28 09:29:16.982 信息 3660 --- [pool-1-thread-2] c.d.c.msoffice.MicrosoftWordBridge :

回答 3 投票 0

如何将多部分/表单数据从 Angular 发布到 Nodejs Multer?

从 Angular 我想将图像作为 Blob 数据上传到 nodeJS 服务器。服务器在后端使用multer。图像文件是通过canvas渲染生成的。我从 s...

回答 3 投票 0

使用 Nginx Lua 操作 POST 请求表单数据

我正在使用最新版本的 OpenResty 使用 Nginx Lua 对 POST 请求数据执行一些操作。我的测试 Lua 脚本,通过 rewrite_by_lua_file 调用进行调用很简单 ngx.req.rea...

回答 1 投票 0

使用 RTK 查询和 React Native Expo 将带有 FormData 的文件发送到 Nodejs 服务器

我想将文件发送到使用 expo-document-picker 或 expo-image-picker 选择的服务器。选择器的结果对象存储在providerDetails.id中,如下所示: {“资产”:[{“米姆...

回答 1 投票 0

flutter 多部分文件上传服务器端错误:无法处理部分,因为未提供多部分配置

颤动: var request = new http.MultipartRequest("POST", url); request.fields['name'] = '约翰'; request.files.add(http.MultipartFile.fromPath( '文件1', '/path/to/file1.jpg', )); 变种

回答 1 投票 0

使用 Retrofit 将图像列表上传到 Java Spring boot 服务器

所以我正在构建一个简单的Android应用程序,并且我正在尝试使用改造将图像列表上传到Spring boot服务器。 Retrofit 位于 kotlin 客户端。所以我首先从...

回答 1 投票 0

Busboy 无法在 Google Cloud Function 中工作(使用 Postman)

我正在尝试将图像发送到我的谷歌云功能以存储在我的谷歌存储桶中。我正在使用 Postman 来测试我的功能,但我没有得到任何结果。 这是我正在使用的代码...

回答 1 投票 0

下载超过 10mb React + Spring boot 的文件时出现“无法获取”错误

React 中有一个客户端服务器,需要从后端服务器(kotlin + spring boot)请求文件来下载它们。 使用 Swagger、Postman 和 Insomnia 中的请求端点,我可以成功

回答 1 投票 0

为什么打字稿会导致这个错误,即使它在javascript中工作

打字稿 从“./client”导入 apiClient; 接口 PostFormValues { 标题:字符串; 食谱步骤:字符串[]; 图像:{ uri:文件}[]; } const postRecipe = 异步(数据:PostFormV...

回答 1 投票 0

在 Blazor 8 Pages 中使用 POST 从 Web Share API 接收共享数据并将请求 formData 绑定到参数中

我有一个 PWA Web 应用程序,以前仅在 ASPNet Core MVC 中使用,现在我将其转换为 Blazor 8。 我正在使用通过 Web Share API 在应用程序外部调用的共享数据....

回答 1 投票 0

来自 OSB 代理/管道服务的附件调用的 Rest 服务问题 - multipart/form-data;boundary=--<> 有效负载为空

`嗨, 我们需要使用内容类型 multipart/form-data;boundary=-- 将附件字段发送到外部 REST ) BMC 服务 当我们使用业务服务运行时,它工作正常,但是...

回答 1 投票 0

Java Spring,临时多部分文件何时被删除?

我有一个Spring应用程序,我有一个接受多个文件的端点,因此您可以上传多个文件。 我试图通过利用线程使其工作得更快,所以我所做的是创建一个

回答 4 投票 0

Next js 14 api 处理 multipart/formData 问题

所以我正在使用 next js 14,我有一个组件可以上传图像并将其发送到 next-api 中的 api。我正在使用 formData,并且还将请求标头设置为“multipart/form dat...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.