将文件从客户端传输到服务器的方法或操作。
参考资料: 如何使用 JavaScript 或 jquery 在上传之前预览图像? javascript - 上传前预览图像 如何通过JavaScript在上传前上传预览图片 不适合我...
Django 表单 FileField 错误“此字段为必填项”
我使用 django 生成的表单视图收到此字段为必填错误。 我有一个扫描模型,如下所示: 类扫描(模型.模型): device = models.ForeignKey(Device, nul...
在使用 Chrome 浏览器部署在 Azure 上的 .NET 6 应用程序上使用文件上传功能上传大型 (38 MB) 文件时,出现以下错误: 我用谷歌搜索并找到了 2 个解决方案。它在...
使用 React Hook Form 和 Axios 上传文件的正确方法
我想使用 React hook 表单和 axios 上传文件以及表单数据。我发现这个很棒的视频解释了如何创建一个简单的示例。但是,我没有找到一个很好的解决方案...
签名网址中存在 MalformedSecurityHeader 错误 - 标头包含在签名标头中,但未包含在请求中
我正在尝试使用签名 URL 通过 Google 应用程序引擎使用 React 和 Node 上传文件。 我能够生成签名 URL,但在控制台中收到 CORS 错误时。当我打开
Nodejs Axios 发送文件到 Symfony API
我正在使用用 Symfony 编写的外部 API (5.4.31) 我自己的代码是用 NestJS 编写的,我尝试使用 Axios 将本地文件发送到 Symfony API。 我的问题是,f...
Swagger UI 不显示 ASP.NET Core Web API 中文件输入的上传按钮
我正在开发一个 ASP.NET Core Web API 项目,特别是使用 Microsoft 提供的 ASP.NET Core Web API 模板。我遇到了 Swagger UI 不显示上传 b 的问题...
使用 Spring Boot 在 Angular 中上传文件:面临 500 内部错误
我是 Angular 和 Spring Boot 的菜鸟,目前正在开发一个涉及上传文件的项目。我已经使用 Spring Boot 设置了后端,并使用 Angular 设置了前端,但我
将 PDF 文件从 Angular 上传到 Spring Boot 时遇到问题
我对 Spring Boot 和 Angular 比较陌生,在从前端上传 PDF 文件到后端时遇到了困难。 春季启动服务: @服务 公共类 BankStatementService...
我有代码,可以将图像剪切并粘贴到 div 中,它将上传图像并将文件存储在目录中。我尝试更改代码以在提交时上传剪切和粘贴文件数据。
我正在尝试通过表单上传 pdf 文件。我正在使用 Laravel Inertia Vue Stack 和 Laravel precognition。 这些是我的 FormRequestValidation 返回 [ 'type' => 'required|in:Antidadah,Bas...
我正在尝试使用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><script> DnD.on('#drop-area', { 'drop': function (files, el) { el.firstChild.nodeValue = 'Drag some files here.'; var names = []; [].forEach.call(files, function (file, i) { names.push(file.name + ' (' + file.size + ' bytes)'); var xhr = new XMLHttpRequest(); xhr.open('POST','upload.php'); xhr.setRequestHeader("Content-type", "multipart/form-data"); xhr.send(file); console.log(xhr.responseText); }); document.querySelector('#dropped-files p i').firstChild.nodeValue = names.join(', '); } }); </script> </code></pre> <p>这是 upload.php:</p> <pre><code><?php print_r($_POST); ?> </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("thefile", file); xhr.send(formData); </code></pre> <p>您可以通过以下方式访问您的文件 <pre><code>array</code></pre>:</p> <pre><code><?php var_dump($_FILES["thefile"]); ?> </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><?php if($_SERVER['REQUEST_METHOD'] == 'POST'){ echo $_FILES['image']['name']; } ?> </code></pre> <p>HTML 代码:</p> <pre><code><form method="post" enctype="multipart/form-data"> <input id="file-to-upload" type="file" name="file-to-upload"> <button id="btn-submit">upload</button> </form> </code></pre> <p>Javascript代码:</p> <pre><code>document.querySelector('#btn-submit').addEventListener('click' , 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 => image.files[0] */ fileToUpload = document.querySelector('#file-image'); formData.append('image' , image.files[0]); /** * XMLHttpRequest */ var xhr = new XMLHttpRequest(); xhr.open('POST' , 'page.php' , true); xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ console.log(this.responseText); } } xhr.send(formData); }); </code></pre> </answer> </body></html>
nginx 使用 Django Rest Framework 进行 POST 图像请求返回 500
前言 我已经做了很多研究来解决我遇到的类似问题,但仍然没有解决我遇到的这个主要问题。作为最后的手段,就像很多案例一样
在 Go 中将文件放入 amazon s3 后如何获取文件 url?
文件上传成功,上传后我想返回文件url。 _, err := s3.New(s).PutObject(&s3.PutObjectInput{ 存储桶:aws.String("存储桶"), 关键...
我有一个 Streamlit 应用程序,我可以在其中上传一些 pdf 文件,然后从选择框中选择我想要处理的文件,它们将显示在主面板中。现在而不是显示...
我有一个 Streamlit 应用程序,我可以在其中上传一些 pdf 文件,然后从选择框中选择我想要处理的文件,它们将显示在主面板中。现在而不是显示...
如何修复由于 primeng fileupload 模块 p-fileupload 标签而导致 Angular 构建失败的问题
错误:src/app/shared/fileupload/fileupload.component.html:2:87 - 错误 NG8002:无法绑定到“多个”,因为它不是已知的道具 'p-fileUpload' 的权限。 如果“p-fileUpload”是 Angular 组件...
我创建了一个多文件加载应用程序,您可以在其中加载多个文件和一个上传按钮。单击按钮后,所有文件都会上传,并显示进度和百分比。这是
我正在尝试在 AWS 控制台中将 ppt 文件上传到 Amazon S3。 我认为这是可行的,因为我之前上传了一个pdf文件,并且进展顺利。 错误消息说: 执行失败'
我正在尝试发送一个文件,并通过 webhook 将其记录到另一个接收数据的网站,但在将文件保存到目录时遇到问题,我遇到了未知错误,原因可能是什么...