file-upload 相关问题

将文件从客户端传输到服务器的方法或操作。

javascript jquery 上传前预览图像

参考资料: 如何使用 JavaScript 或 jquery 在上传之前预览图像? javascript - 上传前预览图像 如何通过JavaScript在上传前上传预览图片 不适合我...

回答 4 投票 0

Django 表单 FileField 错误“此字段为必填项”

我使用 django 生成的表单视图收到此字段为必填错误。 我有一个扫描模型,如下所示: 类扫描(模型.模型): device = models.ForeignKey(Device, nul...

回答 1 投票 0

dotnet6 - http 错误 413 请求实体太大

在使用 Chrome 浏览器部署在 Azure 上的 .NET 6 应用程序上使用文件上传功能上传大型 (38 MB) 文件时,出现以下错误: 我用谷歌搜索并找到了 2 个解决方案。它在...

回答 1 投票 0

使用 React Hook Form 和 Axios 上传文件的正确方法

我想使用 React hook 表单和 axios 上传文件以及表单数据。我发现这个很棒的视频解释了如何创建一个简单的示例。但是,我没有找到一个很好的解决方案...

回答 1 投票 0

签名网址中存在 MalformedSecurityHeader 错误 - 标头包含在签名标头中,但未包含在请求中

我正在尝试使用签名 URL 通过 Google 应用程序引擎使用 React 和 Node 上传文件。 我能够生成签名 URL,但在控制台中收到 CORS 错误时。当我打开

回答 3 投票 0

Nodejs Axios 发送文件到 Symfony API

我正在使用用 Symfony 编写的外部 API (5.4.31) 我自己的代码是用 NestJS 编写的,我尝试使用 Axios 将本地文件发送到 Symfony API。 我的问题是,f...

回答 1 投票 0

Swagger UI 不显示 ASP.NET Core Web API 中文件输入的上传按钮

我正在开发一个 ASP.NET Core Web API 项目,特别是使用 Microsoft 提供的 ASP.NET Core Web API 模板。我遇到了 Swagger UI 不显示上传 b 的问题...

回答 1 投票 0

使用 Spring Boot 在 Angular 中上传文件:面临 500 内部错误

我是 Angular 和 Spring Boot 的菜鸟,目前正在开发一个涉及上传文件的项目。我已经使用 Spring Boot 设置了后端,并使用 Angular 设置了前端,但我

回答 1 投票 0

将 PDF 文件从 Angular 上传到 Spring Boot 时遇到问题

我对 Spring Boot 和 Angular 比较陌生,在从前端上传 PDF 文件到后端时遇到了困难。 春季启动服务: @服务 公共类 BankStatementService...

回答 1 投票 0

剪切并粘贴图像文件并将其上传到表单提交

我有代码,可以将图像剪切并粘贴到 div 中,它将上传图像并将文件存储在目录中。我尝试更改代码以在提交时上传剪切和粘贴文件数据。

回答 1 投票 0

Laravel Inertia Vue 预识别文件上传

我正在尝试通过表单上传 pdf 文件。我正在使用 Laravel Inertia Vue Stack 和 Laravel precognition。 这些是我的 FormRequestValidation 返回 [ 'type' => 'required|in:Antidadah,Bas...

回答 1 投票 0

使用 XMLHttpRequest 上传文件

我正在尝试使用javascript中的拖放插件来使用ajax上传文件。 DnD.on('#drop-area', { 'drop':函数(文件,el){ el.firstChild.nodeValue = '拖动一些fi...</desc> <question vote="3"> <p>我正在尝试在javascript中使用<a href="http://pascalprecht.github.com/DnD.js/" rel="nofollow">拖放插件</a>来使用ajax上传文件。 </p> <pre><code>&lt;script&gt; DnD.on(&#39;#drop-area&#39;, { &#39;drop&#39;: function (files, el) { el.firstChild.nodeValue = &#39;Drag some files here.&#39;; var names = []; [].forEach.call(files, function (file, i) { names.push(file.name + &#39; (&#39; + file.size + &#39; bytes)&#39;); var xhr = new XMLHttpRequest(); xhr.open(&#39;POST&#39;,&#39;upload.php&#39;); xhr.setRequestHeader(&#34;Content-type&#34;, &#34;multipart/form-data&#34;); xhr.send(file); console.log(xhr.responseText); }); document.querySelector(&#39;#dropped-files p i&#39;).firstChild.nodeValue = names.join(&#39;, &#39;); } }); &lt;/script&gt; </code></pre> <p>这是 upload.php:</p> <pre><code>&lt;?php print_r($_POST); ?&gt; </code></pre> <p>基本上我还没有编写上传文件的脚本,因为我仍在弄清楚如何访问通过 JavaScript 发送的数据。你能指导我下一步该怎么做吗?如何从 upload.php 访问文件。</p> </question> <answer tick="true" vote="10"> <p>尝试使用 <pre><code>FormData</code></pre> 代替 <pre><code>xhr</code></pre>:</p> <pre><code>var formData = new FormData(); formData.append(&#34;thefile&#34;, file); xhr.send(formData); </code></pre> <p>您可以通过以下方式访问您的文件 <pre><code>array</code></pre>:</p> <pre><code>&lt;?php var_dump($_FILES[&#34;thefile&#34;]); ?&gt; </code></pre> <p>查看更多:<a href="http://www.w3schools.com/php/php_file_upload.asp">http://www.w3schools.com/php/php_file_upload.asp</a></p> </answer> <answer tick="false" vote="0"> <p>PHP 代码:</p> <pre><code>&lt;?php if($_SERVER[&#39;REQUEST_METHOD&#39;] == &#39;POST&#39;){ echo $_FILES[&#39;image&#39;][&#39;name&#39;]; } ?&gt; </code></pre> <p>HTML 代码:</p> <pre><code>&lt;form method=&#34;post&#34; enctype=&#34;multipart/form-data&#34;&gt; &lt;input id=&#34;file-to-upload&#34; type=&#34;file&#34; name=&#34;file-to-upload&#34;&gt; &lt;button id=&#34;btn-submit&#34;&gt;upload&lt;/button&gt; &lt;/form&gt; </code></pre> <p>Javascript代码:</p> <pre><code>document.querySelector(&#39;#btn-submit&#39;).addEventListener(&#39;click&#39; , function(ev){ ev.preventDefault(); /** * formData() representing form fields * https://developer.mozilla.org/en-US/docs/Web/API/FormData */ formData = new FormData(); /** * fileToUpload [input file] * input file has property called [files] contain 1 or multiple files * i use one file so i get 0 index file =&gt; image.files[0] */ fileToUpload = document.querySelector(&#39;#file-image&#39;); formData.append(&#39;image&#39; , image.files[0]); /** * XMLHttpRequest */ var xhr = new XMLHttpRequest(); xhr.open(&#39;POST&#39; , &#39;page.php&#39; , true); xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ console.log(this.responseText); } } xhr.send(formData); }); </code></pre> </answer> </body></html>

回答 0 投票 0

nginx 使用 Django Rest Framework 进行 POST 图像请求返回 500

前言 我已经做了很多研究来解决我遇到的类似问题,但仍然没有解决我遇到的这个主要问题。作为最后的手段,就像很多案例一样

回答 2 投票 0

在 Go 中将文件放入 amazon s3 后如何获取文件 url?

文件上传成功,上传后我想返回文件url。 _, err := s3.New(s).PutObject(&s3.PutObjectInput{ 存储桶:aws.String("存储桶"), 关键...

回答 4 投票 0

Streamlit:在不同选项卡中动态打开多个pdf文件

我有一个 Streamlit 应用程序,我可以在其中上传一些 pdf 文件,然后从选择框中选择我想要处理的文件,它们将显示在主面板中。现在而不是显示...

回答 1 投票 0

在不同选项卡中动态打开多个pdf文件

我有一个 Streamlit 应用程序,我可以在其中上传一些 pdf 文件,然后从选择框中选择我想要处理的文件,它们将显示在主面板中。现在而不是显示...

回答 1 投票 0

如何修复由于 primeng fileupload 模块 p-fileupload 标签而导致 Angular 构建失败的问题

错误:src/app/shared/fileupload/fileupload.component.html:2:87 - 错误 NG8002:无法绑定到“多个”,因为它不是已知的道具 'p-fileUpload' 的权限。 如果“p-fileUpload”是 Angular 组件...

回答 1 投票 0

如何修复上传进度条中不正确的进度和进度百分比

我创建了一个多文件加载应用程序,您可以在其中加载多个文件和一个上传按钮。单击按钮后,所有文件都会上传,并显示进度和百分比。这是

回答 1 投票 0

无法将 ppt 文件上传到 Amazon S3

我正在尝试在 AWS 控制台中将 ppt 文件上传到 Amazon S3。 我认为这是可行的,因为我之前上传了一个pdf文件,并且进展顺利。 错误消息说: 执行失败'

回答 2 投票 0

通过 Webhook 上传文件时出现未知错误

我正在尝试发送一个文件,并通过 webhook 将其记录到另一个接收数据的网站,但在将文件保存到目录时遇到问题,我遇到了未知错误,原因可能是什么...

回答 1 投票 0

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