使用ajax在单个表单上上传文件和表单数据
可以通过以下步骤实现：
- 创建一个包含文件上传和表单数据的HTML表单，例如：<form id="myForm" enctype="multipart/form-data"> <input type="text" name="name" placeholder="Name"> <input type="file" name="file"> <button type="submit">Submit</button> </form>
- 使用JavaScript编写ajax请求，将表单数据和文件一起发送到服务器。可以使用FormData对象来构建请求数据。示例代码如下：var form = document.getElementById('myForm'); var formData = new FormData(form); $.ajax({ url: 'upload.php', // 服务器端处理上传的URL type: 'POST', data: formData, processData: false, contentType: false, success: function(response) { // 处理上传成功后的逻辑 }, error: function(xhr, status, error) { // 处理上传失败后的逻辑 } });
- 在服务器端接收并处理上传的文件和表单数据。具体的服务器端处理逻辑会根据你使用的后端语言和框架而有所不同。以下是一个简单的PHP示例：$name = $_POST['name']; $file = $_FILES['file']; // 处理表单数据和文件上传逻辑 // ... // 返回上传结果
这种方式的优势是可以实现无页面刷新的文件上传，并且可以同时上传表单数据和文件。适用于需要在后台进行文件处理或保存的场景，例如上传用户头像、上传文件到云存储等。
腾讯云相关产品推荐：
- 对象存储（COS）：腾讯云的分布式文件存储服务，可用于存储和管理上传的文件。详情请参考：对象存储（COS）
- 云函数（SCF）：腾讯云的无服务器函数计算服务，可用于处理上传文件和表单数据的后台逻辑。详情请参考：云函数（SCF）
- API 网关（API Gateway）：腾讯云的 API 管理服务，可用于创建和管理接收文件上传请求的 API 接口。详情请参考：API 网关（API Gateway）
相关·内容
1回答
在HTML表单提交过程中的什么时候，文件会被上传到服务器上的临时目录(特别是PHP)？我有一个表单，其中有几个字段和一个文件上传。我正在通过AJAX处理此表单。
我使用的是第三方插件，它通过AJAX上传文件(使用iFrame/xhr)。上传文件后，用户可以提交表单。从技术上讲，此文件输入字段位于表单中。当我通过AJAX进行处理时，我会序列化整个表单(包括文件输入字段)的数据，然后发送出去进行处理。
我想知道的是，我是否应该在提交之前通过JS以编程方式清除文件输入字段，以防止客户端/服务器再次尝试文件上传？或者基于功能，是否在AJAX调用中一起忽略了该字段？
基本上，我只是试图确定，如果用户上传
浏览 0提问于2013-04-10得票数 1
回答已采纳
2回答
我想使用文件上传(ajax/javascript与php)在我的表单中，也有其他的控制。当我上传img时，它会显示在带有删除选项的同一个表单上。如果我点击submit，它会进入文件夹和数据库；如果我点击delete，它会删除一个img……有人能帮我吗?请你知道gmail文件上传就是这样的。
浏览 2提问于2010-03-30得票数 0
1回答
Cordova上传多个文件
、、、、
我一直在从事一个基于Cordova Phonegap到Windows 应用程序的项目，我想使用one request和其他表单数据将多个文件上传到服务器上。
我可以用JQuery Ajax和Cordova的文件上传在一个请求中向服务器发送多个文件吗？
浏览 3提问于2015-09-15得票数 0
1回答
在我的应用程序中，我有一个文件上传(实际上是多个文件上传)，并且我没有使用gem/plugin (例如: carrierware)就设法做到了。
但是当我的表单验证失败时，它会加载带有错误消息的from数据，但不会加载file_fields中的值。我的客户希望在表单验证失败时保持原样。
我搜索了一下，发现出于安全原因，不允许为文件字段设置值。因此，有人能为我提供一个可能的解决方法(在表单验证失败时保留选定的文件路径)
请注意，我在这里使用的不是Ajax表单post，这是简单的默认HTTP post
我在ruby 1.9.2和rails 3.0.0上运行
提前感谢
浏览 0提问于2012-07-29得票数 1
回答已采纳
1回答
我有一个使用Razor的MVC3应用程序。该表单是数据驱动的，具有一系列测试框和单选按钮以及一个文件上传控件。文本框和单选按钮位于第一个表单中，而upload控件位于其自身的表单中。如果文件是先上传的，那么一切都很好。但是，如果用户用文本框和单选按钮填充表单，然后浏览到要附加的文件，并在第二个表单中单击attach (提交按钮)，则整个页面都会回发，所有控件都会丢失它们的值，并且不是用户直观的。由于我试图将文件上传和服务器上的文件上传作为表单上的单独任务，我在网上找不到任何这样的场景的示例。我所发现的是人们在一个subit操作中进行表单元素和文件上传。我的要求是这样的文件上传保持分离，以便用户
浏览 0提问于2011-06-18得票数 0
回答已采纳
我正在使用Uploadify作为表单的一部分。让我给你一点背景，也许会有帮助。我有一个表单，用户可以添加“项目”到一个网站。首先，他们输入项目名称和描述。在提交时，它更新一个名为"project“的PHP/MySQL数据库表，并给出一个ID。
然后，用户可以将文件上载到服务器上的某个位置。我希望在上传开始之前，将项目名称添加到上传文件名和项目ID (需要添加到数据库中)，然后在上传完成后，将文件详细信息添加到数据库表“映像”--通过项目ID链接到" project“。
我知道我经常跳来跳去，我需要知道怎么做。两个要更新的数据库表，一个在表单提交上，一个在文件上传上。我需要传递项
浏览 6提问于2011-01-14得票数 3
回答已采纳
1回答
因此，我正在表单和mysql数据库之间构建一个中间人脚本。
长话短说，有一个表单和一个表，该脚本处理所有字段，并使用提交的表单数据更新表单各自的数据库表，如果有任何文件，则将文件上传到目标位置，同时在数据库中创建指向该文件的指针。
这部分我已经完成了，它工作得很好。然而，我意识到我的想法在这里有一个小问题。
当用户提交表单时
[first_name]
[last_name]
[email]
[file1]
[file2]
我首先加载表单数据，然后在成功后上载文件。
但是如果文件上传失败了，不管是什么原因，太大，类型错误，超时，甚至是bug。我只剩下表单数据，但没有关联的文件。
我可以捕获文件上
浏览 1提问于2015-10-20得票数 2
标题本身可能不清楚，但让我告诉您一个场景。我有一个4-5页的小型asp.net应用程序。一个页面是一个带有文件上传控件的小表单。在开发过程中，我们实现了普通的FileUpload控件，并将其发布在提交页面上。因为该应用程序也被具有非常低的带宽连接的客户端访问(5MB文件需要35-40秒)。用户也可以通过移动设备/平板电脑连接，这始终存在带宽问题。
我想让一个不同的请求中的文件上传到服务器，如果用户提交表单，那么允许他移动另一个页面和文件不断上传的幕后。如果我们允许用户移动另一个页面，它将不可能跟踪上传文件的早期请求。我想到了其他方法，比如打开一个窗口本身(并隐藏它)，从那里上传文件，并在文件上
浏览 1提问于2015-04-11得票数 0
我需要一个Asp.net控件来上传通过Ajax发送文件的多个文件。
此控件可用于将文件存储在文件夹或数据库中，持久化将由将使用我的控件的类决定，而不是由控件本身决定。所以我需要在这里达到一定程度的灵活性。
上传的文件将像文件列表一样存储“我的控制类”，直到使用我的控件的类执行“官方帖子”，这将消耗并最终释放类。
在一个简单的示例中，使用我的控件的表单将使用通过我的控件和upong Save生成的所有上传生成的列表，该表单将读取我的列表并以最好的方式保存它。
这里的问题在于方法：
我不能使用updatePanel，因为它不允许文件输入，而且(afaik)不会保持纯javascript生成的inp
浏览 2提问于2013-02-22得票数 0
回答已采纳
2回答
我已经创建了简单的html表单，其中包含文本输入、文本区、上传图像等文件。
当我将此表单数据转换为包含用户注册到其数据和照片和简历文件的手机间隙应用程序时，我如何提交此表单数据？
当提交数据时，它应该被发送到保存mysql插入的php页面？
我已经尝试了序列化方法在php页面中获取数据时遇到的问题。
也找不到上传文件和图片的方法？？
有帮助吗？
浏览 1提问于2013-10-24得票数 2
我有一个从获取几个条目，然后通过post数据将它们插入到数据库中。它工作得很好。我有一个文件上传表，重命名和移动很好。我遇到的问题是如何将重命名的文件名添加到表单中。
我让它的用户填写表单的方式，有一个按钮，以添加照片，启动一个弹出窗口，将上传文件。一旦文件上传，弹出窗口就会关闭。
如何将重命名的文件名添加到表单中，以便可以将其插入到数据库中。我尝试过此代码，但得到的是c:\fakelocation\filname，
<form name ="frm" action="upload.php" method="post" enctype=&#
浏览 2提问于2016-07-12得票数 0
1回答
我使用php和codeigniter，我想建立一个具有几个输入和文件上传的表单。文件在提交表单或重新创建表单之前上载。我尝试了，但为了上传文件，必须提交表单。我不知道如何将它与其他输入一起使用，并在填写所有字段和上传文件后提交表单
浏览 9提问于2017-08-15得票数 0
2回答
我试图在ember.js中使用jquery文件上传。我希望实现的是有一个文件输入，当用户浏览图片并点击“上传”按钮时，jquery文件上传将上传文件并返回上传文件的位置。我将收集其他数据从其余的表单和张贴信息使用成员的数据，其中将包括图像网址和其余的表单数据。
我无法使它工作，但是相同的代码可以与带有php后端的普通html文件一起工作。
在这里，我在jsbin中包含了非功能代码，其中包括我的模板和app.js代码。
浏览 4提问于2013-10-27得票数 0
回答已采纳
2回答
我知道表单嵌套对于html5 (通常是html)来说不是一个有效的选项，所以我想了解如何在不使用其他表单的情况下在表单中进行文件上传。
我有一个表单，用户可以从下拉列表中选择一个图像。我想让用户在填写表单时能够动态添加另一张图片。然后将新图像作为下拉列表的选项添加，用户可以选择它。
编辑：当我说“从下拉列表中选择图像”时，我的意思是图像存储在特定文件夹的服务器上。在下拉列表中，我显示了文件名(存储在db中)。向文件夹中添加新图像将将其添加到数据库中，并将新图像名称添加到select中。但是，每个select选项将是：
<option value="id_from_db"&
浏览 3提问于2016-04-05得票数 3
回答已采纳
我有一个注册表和一个按钮，当onclick应该上传的文件在服务器上提交的表单。如何在单击按钮上传文件时运行PHPscript
浏览 1提问于2012-09-20得票数 0
1回答
我有这个ajax文件上传表单，其中有一个abort()；函数。点击取消锚点触发：
$('#cancel').click(function(){
ajaxFileUpload.abort();
$('#message').html('cancelled');
});
当success函数返回‘successfullyUploaded’时，这个锚点被隐藏：
if(response == 'successfullyUploaded') {$('#cancel').hide(); });
此时
浏览 0提问于2013-03-16得票数 2
回答已采纳
1回答
我有一个HTML表单，有一个文件上传域和一个文本输入域(例如，PDF上传字段及其描述)。我想要将PDF文件存储在AWS S3上，但将描述保存在我的服务器上的MySQL中。如果表单是
<form action="http://my.server.com/upload_file/">...</form>
该文件将转到我的服务器，然后我的服务器将其存储在S3上。但我想要的是，文件直接转到S3。我知道我可以将表单设置为
<form action="https://s3-bucket.s3.amazonaws.com/" method=
浏览 0提问于2012-04-10得票数 0
回答已采纳
我想创建一个单一的网页表单，其中用户提供一个大文件，以及一些信息，如标题和描述。当表单提交时，文件应该直接上传到Amazon (不上传到web服务器)，而信息则使用S3添加到数据库中。
我该怎么做呢？我知道我可以使用，但那样我就无法将其他信息添加到数据库中。
浏览 0提问于2012-11-14得票数 0
2回答
在一个站点(如社交网络)中，用户将图像与文本数据(如image_title、user_id等)一起上传；使用Apache、PHP、MySQL.
在提交的表单上，默认情况下，我希望将所有图像上传到专用图像服务器。我不知道是什么最好的实践做这件事.
使表单在两个不同的服务器上发送数据是否有效？这是个好做法吗？我认为在提交第二种表单时触发submit()是可行的。
我也可以上传到主站点的服务器上，然后移动图像，但是这将违背专用图像服务器的目的，我也想从主站点卸下传入的流量负载。
而不是两种形式，这是不是一个良好的做法，首先上传图像，得到“确定”的答复，然后提交文本数据？
我不喜欢亚马逊的S3，我试过
浏览 7提问于2014-01-14得票数 0
我有一个表单，用户输入数据并上传图片，当用户点击提交时，浏览器会转到一个“确认页面(它实际上是空白的)”，我宁愿有一个弹出确认消息，当用户点击确定它刷新页面。
有什么想法吗？
一些细节:首先，用户在文本字段中输入数据并选择要上传的文件
当用户点击“提交按钮”时，弹出确认页面，用户可以点击“确定”或“取消”。
如果用户单击"OK"，则调用servlet来处理表单数据，包括用户想要上传的文件，如果表单提交成功，则弹出“成功”
我的似乎每次都转到空白的确认页面，没有成功弹出
浏览 10提问于2012-01-20得票数 0
回答已采纳
在页面加载完成之前，如何使JavaScript加载图像显示？
我正在研究在线防病毒扫描程序。我想让JavaScript显示一个加载图像，直到文件被上传并且API完成扫描。我有两个文件: index.html只有一个HTML上传表单，和upload.php，我在那里执行file_get_contents (大约需要10秒)，并从一个API接收数据。
浏览 0提问于2014-07-05得票数 2
3回答
我经常向PHP添加助手函数，以返回复杂的HTML。例如，要确保表单元素是可访问的，可以处理错误等，这并不是一件容易的事情，所以我将使用PHP函数来包装这个问题。
不幸的是，有时我需要使用JS生成相同的HTML。举个例子，我有一个上传多个文件的Flash uploader。当每个文件被上传时，我想在同一页上填充另一个表单，这将允许用户编辑文件数据。
我已经在PHP助手函数中为该表单的输入指定了规范。目前，我只是使用JS手动重新创建这些输入。然而，这是低效和令人沮丧的，因为如果我希望更改这些输入的某些方面，我现在必须在两个地方更改它们。
我可以做的一件事是在上传文件的同一个AJAX请求中将表单元素
浏览 0提问于2010-09-08得票数 1
回答已采纳
让我们从这里开始-我已经为所有未来的AJAX-请求定义了基本设置，如下所示
$.ajaxSetup({
beforeSend : function(){
$("#ajax-loader").dialog({
modal : true
});
},
complete : function(){
$("#ajax-loader").dialog("hide");
}
});
现在，我有一个表单，我的用户可以上传他们的生物和图片。当表单有效时，我允许上传他们的照片。它的工作方式如下
浏览 6提问于2013-12-03得票数 0
我计划在我的项目中使用Uploadify或Plupload图像上传库。我想使用其中一个库的原因是允许用户一次选择多个文件，然后一次上传所有文件。
我的目标是将这些文件上传控件中的一个放在一个表单上，这样除了选择一组图像之外，用户还可以在其中输入其他数据。然后，用户应该能够提交表单，并将他们输入的数据和他们选择的图像上传到服务器上并进行处理。
我遇到的问题是，这些文件上传控件要求用户在提交实际的aspx页面之前将选定的文件上传到服务器。最终，这会给用户造成混乱。他们首先必须提交图像，然后提交包含其余数据的表单。
我的问题是，有没有办法让Uplodify或Plupload仅在用户实际单击表单的提交
浏览 0提问于2011-12-20得票数 1
回答已采纳
1回答
我的网络应用程序是基于ASP.net MVC3并使用jqGrid的。我被困在支持从jqGrid所需的文件上传功能。
web应用程序useflow允许用户选择系统上的文件并将其上传到jqGrid Add/Edit表单中的数据库记录中。用于文件上载的jqGrid colModel将编辑类型设置为edittype:'file'。在Add/Edit表单中，我可以查看“浏览.”按钮可选择图像。jqGrid文档建议使用Ajax插件进行文件上载。我找到了两个这个名字的插件，并尝试了这两个插件。
来自的Ajax文件上传插件:这个插件适用于jqGrid，但只在使用较早版本的jQuery时才能
浏览 4提问于2012-07-01得票数 1
我有一个我们的客人用来提交帖子到一个非常简单的‘留言板’的表单。
现在我们希望允许用户上传1-10个文件，但关注或要求是在主表单提交之外做这件事。
主窗体由以下部分组成：
输入字段%1输入字段%2文本区%1提交按钮
我现在有它，所以有一个初始的浏览按钮。(文本下方是和，位于主提交按钮的左侧)，一旦选择了文件..并向用户显示添加另一“浏览”字段的链接。
我想做的是在所有这些动态创建的浏览/文件上传域下面有一个上传按钮……这会将所有文件数据发送到外部.php脚本，以上传相关文件，然后将文件路径/名称返回到主表单(可能是在隐藏字段中？我不在乎)..以便在提交主表单时提交这些文件路径/名称字符串值。
浏览 0提问于2014-10-24得票数 0
我们在我们的网站上有一个表格，你可以在那里申请工作，它有一个文件上传域，所以你可以上传你的简历。它允许.doc，.docx和.pdf文件。
有时表单提交成功，但文件在我们的服务器上为0字节。
我能够弄清楚所有导致0字节文件上传的表单提交都来自iPhones，通过我自己在iPhone上填写表单，我发现如果简历存储在Google Drive上，然后我通过表单上传，这就是0字节文件的结果。
如果它存储在iCloud硬盘上，那就没问题了。它是一个大小合适的文件，可以在正确的应用程序(Acrobat或Word)中正确打开。
有没有人有任何建议，关于我如何补救这种情况，或者从哪里开始呢？我在谷歌上搜索了很
浏览 2提问于2018-10-10得票数 2
2回答
我在网上找到了这个链接，
安装这个php widget/plugin然后再使用它安全吗？
也许有人对文件上传系统有另外的建议？
我有一个表单的标题，描述和图像的输入。在提交时，它应该上传显示上传过程的图像，然后在成功上传时将数据输入到MySQL表中。
在mac上，你可以将文件拖放到文件输入中，所以我想保持原来的外观。
浏览 0提问于2011-08-28得票数 0
5回答
向输入动态添加文件
、、、、
我正在使用这个插件： (参见演示)，在一个表单中。当用户提交表单时，我想用POST方法发送上传的文件。
也许我可以创建一个input[type="file"]，隐藏它，并在输入中动态添加插件上传的文件？有可能吗？
所以，如果我不能这样做，我如何才能上传文件到服务器使用这个插件，只有当用户点击提交按钮？我知道这个插件已经在使用AJAX了，但是如果用户点击一个按钮，我只想上传。
也许我应该创建一个名为files的变量，当用户单击submit按钮时，使用AJAX自己发送文件和其他输入数据。
就像这样：
jQuery( "#dropbox" ).html5Upload
浏览 1提问于2014-02-19得票数 0
我有一个迷你帖子的表单，设计希望在表单中有一个图像文件上传器，并在用户选择图像文件后显示选定的图像来替换表单上传器。
现在，我打算有另一种形式，“图像上传”，外面的主要形式(为迷你帖子)。当用户选择文件时，将提交图像上传表单，并通过AJAX将文件保存到服务器。图像上传表单中的字段将被隐藏。
当然，由于定位原因，我需要将图像文件选择器HTML放置在迷你post表单的HTML中。然后，如何重新分配“文件”，而不仅仅是文件名，通过主表单中的文件选择器选择到图像上传表单中隐藏的“文件”类型输入？。
我不知道这是否可能。如果不可能，将有什么建议来实施这一设计？
浏览 4提问于2015-11-19得票数 0
回答已采纳
2回答
我有一个经过验证的服务器端表单，如果表单有无效的项，模型将返回到视图和JavaScript，然后高亮显示无效的字段。这是一个包含文件上传的输入类型文件的多部分表单.我正在使用VisualStudio2017、ASP.Net Core2.1和ASP.Net MVC设计模式。
Problem：用户提交表单并附加了一个文件，但由于一个或多个输入字段，表单无效。当将模型传递回带有验证错误的视图时，文件将不再附加，因为您无法从服务器填充输入类型文件(至少据我所知，这是一个安全特性)。
想要的行为：用户不必重新选择输入中的文件以进行第二次上传。
Current解决方案：在服务器上的会话中序列化并保存上传的
浏览 0提问于2019-10-15得票数 0
回答已采纳
我正在用asp.net开发一个电影库应用程序。在管理页面，我需要添加一个电影到数据库(如姓名，演员，海报网址等细节)。我还需要上传电影的预告片到服务器中的特定文件夹。
在我的AddMovie视图(强类型化为MovieDetails模型)中，我有一个表单，可以将电影信息作为文本包含进来，并有一个文件输入来上传文件(电影预告片)。在我的控制器中，我将绑定的MovieDetails模型和上传的文件分别作为两个参数，如下所示。
起初，我只是在没有使用ajax的情况下从我的视图发布到这个控制器。我能够将模型和文件传递给控制器，以完成我需要做的事情。
然后我转到了ajax，并尝试在不刷新页面的情
浏览 4提问于2014-03-29得票数 1
2回答
上传图片后提交数据
、、、、
我的网站有一个功能，允许用户创建帖子(如Facebook)。我有一个表单与“消息”输入字段和一个按钮，允许用户上传图像。
现在，我设置代码的方式是，当用户提交表单时，我的代码将首先提交数据，然后上传图像。
这样做的问题是，如果用户中途取消图片上传，数据库记录将存在(因为数据是在图片上传之前提交的)，但不会有图片上传。
因此，我的解决方案是先上传图像，然后提交数据。这样做的问题是，我不确定如何将图像与数据库记录中的数据关联起来。
我是否应该将所有图像上传到/tmp，然后将文件移动到一个永久目录，如/var/www/html/website/public/img/uploads/<uploa
浏览 1提问于2016-12-19得票数 0
2回答
ajax文件上传与异步
、、、
我正在尝试将一个文本文件上传到python脚本。如果我只是上传表单数据并使用
form_contents = $(this).serialize() + "&async=true";
然后表单将停留在网页上并显示结果。如果我用
var formData = new FormData($('form')[0]);
它提交表单和数据文件，但不会停留在网页上。我如何添加+ &async=true让它停留在网页上。还是有不同的方法做这件事？
停留在网页上，但不上传文件：
$('#upload').submit(funct
浏览 1提问于2013-01-16得票数 0
2回答
我想提交一个表单，而不加载一个新的php页面。我的表单包含文件上传和textarea字段。基本上，数据可以像博客一样，即大数据量必须提交。
我正在学习jquery表单提交的一些教程。
本教程中没有一个说明如何上载文件。有人能帮我吗
由于使用了get方法，所以jquery可以提交的数据大小是否有限制。如果是的话，我该如何处理？
浏览 7提问于2013-02-23得票数 0
我正在使用jsp和servlet完成一个文件上传任务。我在stackoverflow上读到了很多关于这个主题的问题和答案。我在stckoverflow上遇到了这个问题。
Balusc对这个问题给出了一个很好的描述性答案。他还给出了关于multipart filter的博客的参考，这是一个完整的信息性教程，具有完整的工作示例代码。link在这里，感谢Stackoverflow和Balusc先生对这项任务的解决方案进行了很好的解释。
根据我对文件上传应用程序的要求，我已经实现了相同的多部分过滤器代码和给定示例中的其他代码，只是做了一些小小的改动。我的应用程序运行得非常好。
现在，增强部分进入了图
浏览 1提问于2013-03-12得票数 1
3回答
我想用AJAX上传文件。在过去，我通过使用神奇的实现了这一点，而且效果很好。目前，我正在构建一个Rails应用程序，并尝试执行“Rails方式”，所以我使用表单Helper和回形针创业板来添加文件附件。
警告说，表单帮助程序不适用于AJAX文件上载：
与其他表单不同，创建异步文件上传表单并不像为form_for提供远程: true那样简单。使用Ajax表单，序列化是通过在浏览器中运行的JavaScript完成的，而且由于JavaScript无法从硬盘中读取文件，所以无法上传文件。最常见的解决方法是使用不可见的iframe作为表单提交的目标。
显然没有现成的解决方案。所以我想知道最聪明的
浏览 3提问于2013-09-03得票数 21
3回答
我有一个网站与定期的<input type="file">文件上传，POSTing的数据到后端时，表单被提交。
我想逐步增强表单，以便您可以从浏览器外部将文件拖放到视口中的任何位置(而不是像某些浏览器中内置的那样，仅在文件输入字段上)来上传它。
表单是否自动提交并不重要。因此，如果拖放操作只选择了文件字段中的文件，而没有开始上传，那也没问题。我不需要支持多个文件。我不需要显示上传进度，缩略图或任何花哨的东西。
我知道有一些JS库支持拖放上传，但它们似乎都是通过AJAX上传的。我可以这样做，但是我需要修改后端和前端来处理上传错误、重定向和显示正确的成功消息等等。
我想
浏览 1提问于2012-08-25得票数 18
回答已采纳
3回答
如何上传文件并显示其信息
、、、、
我想要建立一个web服务，将处理一些文件。
以下是我想做的事：
server-sideServer-side 用户使用“上传表单”将文件上传到服务器，该文件作为临时文件保存在 python脚本上，处理临时文件并生成一些统计信息(例如，文件中的行数和字数)统计信息显示在“上传表单”附近。
这里的问题是:我希望在上传文件之后，在后台处理该文件，完成后，将生成的结果.append()到当前视图。我不想给<form action="processing_script.php">...分配脚本，因为在单击Upload按钮后，用户将被重定向到processing_script.
浏览 3提问于2011-08-01得票数 0
1回答
我有一个在数据库中创建条目的表单。这些条目应该有关联的文件。我在同一个表单上有一个AJAX/HTML5文件上传。
如果用户在创建数据库条目之前上传了一个文件，那么我没有任何与该文件相关联的东西。我不确定是否可以相信session_id()或rand()或microtime()是唯一的。如果数据库条目从未创建过，我需要一种方法来检测这一点并删除不需要的文件。
有什么建议吗？
浏览 1提问于2012-01-20得票数 0
5回答
因此，我正在开发一个应用程序，用户可以上传和管理照片，并附带一堆特定于行业的元数据。
照片模型包含所有这些元数据，我使用剪纸夹将实际的图像文件附加到模型上，并将图像存储在Amazon上。
用户交互当前的工作方式如下：
一个用户点击“添加照片”，并被带到“新照片”页面，在那里，他将呈现一个表单。
表单上的第一件事是文件选择器。用户选择一个文件。
下面是几个不同的元数据字段，供用户填写，因此用户填写这些字段。
用户点击提交，文件上传，创建一个新的Photo对象，用户被重定向到另一个页面。
所以，我想要做的最明显的改进就是在这个过程开始的时候上传照片，这样在点击提交和被重定向
浏览 6提问于2011-01-11得票数 2
回答已采纳
1回答
继续将文件上传到导航之外
、、、
这可能是个很长的机会，但我想我应该问问。我的网站上有一个文件上传表单，有些文件很大，需要很长时间才能上传，用户是否可以在不导致上传流结束的情况下，从包含多部分/表单数据表单的页面导航？
浏览 1提问于2013-02-26得票数 0
我在我的网站上有一个上传表单，用户在其中输入他们上传文件的详细信息，选择文件并上传到and服务器。
表单的POST操作是将文件提交到名为upload_control.php的php页面，在那里验证post详细信息，如果正确，则将文件存储在磁盘上，并在数据库中放置一个条目。该文件在存储之前被重命名为ID_name，其中ID是从数据库中获取的，是迄今为止最大的ID (只是一个计数器)。
现在情况发生了变化，将文件上传到其他地方更有意义。这是由用户直接完成的，如果表单提交正确，表单的操作将指向存储文件的另一个服务器。我无法控制另一台服务器的处理过程，它是一种类似亚马逊s3的存储解决方案
问题是:我如
浏览 0提问于2011-06-30得票数 1
回答已采纳
2回答
我是一个网站，允许用户上传一张图片，然后得到EXIF信息以用户友好的方式显示。
我也想为用户提供一个选项，让他们能够在网上分享他们的图片。
目前，我已经有JavaScript的图像预览充分发挥作用，我选择一个图像在一个表单上，它出现在网站上.
我也有上传部分的代码也工作(PHP)。图像被上传到文件夹中，相应图像的名称和路径被上传到MySQL数据库。
问题是..。我希望这个过程以这样的方式发生：
用户选择图片工作。
该图片显示为预览工作。
用户按下上传按钮(如果他愿意)-工作
图像被上传到定义的文件夹以及数据库工作的名称和路径。
网站停留在同一个页面上，图像预览仍然在那里.-
浏览 0提问于2019-06-07得票数 2
回答已采纳
1回答
我正在寻求一些建议，以找到解决这一问题的最佳方法。在一个页面上，我有5个部分，其中包含一个表单，每个部分也有一个文件上传表在它的末尾。这是一个布局的示例
<html>
<head>
</head>
<body>
<form>
<!--Form 1 with all the Inputs -->
<button type="submit" name="form1">Confirm Section</button>
<
浏览 1提问于2014-07-25得票数 0
我已经为我正在工作的网站写了我自己的上传器。它有拖放和所有这些不错的功能。它所做的一件事是根据数据库上的值检查文件。如果一个文件与一个值不匹配，它就会被“抛出”并放置在一个未知的文件框中。
我想，当用户点击上传时，从上传表单中删除这些文件，因此根本不上传它们。目前，它上传他们，但没有对他们做任何事情，，但我不想这样，因为它浪费时间。
这个是可能的吗？
这里有一点代码，这样我就不会让任何人失望了。
我的表单，由cakePHP生成：
<?php echo $this->Form->create('Upload',array('type'=>&
浏览 4提问于2014-01-22得票数 1
我正在为自己开发一个使用Django的小博客应用程序，我已经使用 .I引入了一个文件上传工具，并设法使其工作，文件上传似乎工作得很好。
我现在想在文件上传旁边添加一个(联系人)表单，但我不确定如何将表单‘链接’到文件上传。因此，我的逻辑是用户填写联系人表单，然后上传文件(然后明显地按下“提交”)。我的问题(不确定我是否说得很清楚)是，我如何在联系人表单内容(如姓名、电子邮件id等)之间建立链接。添加到用户使用django-ajax-uploader上传的文件。做这件事最有效的方法是什么？
如果有帮助，我计划使用modelForms编写(联系人)表单，这显然会将字段写入数据库。但是，django
浏览 0提问于2012-05-20得票数 0
我有一些文本框控件和<input type=file>控件上传文件的html表单。所有控件都有服务器验证。想象下一种情况:我选择文件来上传它，并输入一些文本框控件的数据(有些文本框是空白的)。然后单击submit按钮，我的表单发送到服务器操作。在服务器中进行验证检查后，我将重定向到相同的表单，以进行错误更正。所有文本框都保存状态并拥有数据，但文件控件没有。
当我调试代码时，我在视图模型中看到上传的文件。我能把它重发到html表单吗？我不写我的代码，因为我认为它将是多余的。
浏览 2提问于2014-04-23得票数 1
这里隐藏着一些相关的小问题，但它们确实指向了一个巨大的、多毛的最佳实践问题。这是一个很难实现的特性，因为它应该同时做一些棘手的事情.
拖放多文件上传器(通过Javascript)
多页表单(第一页:上传文件并将文件与现有文档模型关联；第二页:更新文件/文档对象和元数据到数据库)
...and我还没有在任何地方找到一个已经存在的代码示例或实现。(取决于一个人的方法，它可以扫下桌子，也可以自动回答所有相关的/嵌入式/后续问题。)总之，这篇文章的目的是回答这个问题：
我正在使用这个实现的拖放JQuery文件Uploader在Django上传文件.
当然，我链接到的解决方案将文件系统
浏览 2提问于2013-05-30得票数 1
回答已采纳
我有一个表单，其中文件输入字段是通过AJAX动态插入的。本质上，我所做的是显示一个表单，用户选择他们想要的模板，然后我根据他们选择的模板拉入一些额外的表单字段。其中一个有文件输入。问题是，当我提交带有添加的文件输入的表单时，PHP $_FILES数组给我的错误代码是4，这意味着没有上传文件。有人知道我需要做什么才能上传这些文件吗？
我猜我必须在JS端做一些事情来重新评估我要发送的表单字段，但我还没有找到任何东西。(是的，我在表单上使用了正确的enctype。)
更新:这只发生在Safari/Chrome上。我在其他地方读到，他们认为这是webkit浏览器的一个安全特性。我不知道有没有办法解决这
浏览 1提问于2012-03-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
