Questions tagged «file-upload»

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

15
如何在ASP.NET中增加最大上传文件大小？
我有一个表单，除了在ASP.NET中上传文件外。我需要将最大上传大小增加到默认的4 MB以上。 我发现某些地方在msdn上引用了以下代码。 [ConfigurationPropertyAttribute("maxRequestLength", DefaultValue = )] 这些参考文献都没有实际描述如何使用它，并且我尝试了几项都没有成功。我只想为某些要求文件上传的页面修改此属性。 这是正确的路线吗？我该如何使用呢？
237 c#  .net  asp.net  file-upload 
4
REST API-文件（即图像）处理-最佳做法
我们正在使用REST API开发服务器，该API接受和响应JSON。问题是，如果您需要将图像从客户端上传到服务器。 注意：我也正在谈论一个用例，其中实体（用户）可以具有多个文件（carPhoto，licensePhoto）并且还具有其他属性（名称，电子邮件...），但是当您创建新用户时，您不会这些图片不会发送，而是在注册过程后添加的。 我知道的解决方案，但每个解决方案都有一些缺陷 1.使用multipart / form-data代替JSON 很好：POST和PUT请求尽可能地是RESTful的，它们可以包含文本输入和文件。 缺点：它不再是JSON，与multipart / form-data相比，它更易于测试，调试等。 2.允许更新单独的文件 创建新用户的POST请求不允许添加图片（在我们的用例中，我一开始就这么说过），上传图片是通过PUT请求作为multipart / form-data完成的，例如，/ users / 4 / carPhoto 很好：所有内容（文件上传本身除外）都保留在JSON中，易于测试和调试（您可以记录完整的JSON请求而不必担心它们的长度） 缺点：这不直观，您不能一次过POST或PUT实体的所有变量，并且也可以将此地址/users/4/carPhoto更多地视为一个集合（REST API的标准用例如下/users/4/shipments）。通常，您不能（也不想）获取/放置实体的每个变量，例如users / 4 / name。您可以使用GET获取名称，并使用users / 4在PUT上更改名称。如果id后面有东西，通常是另一个集合，例如users / 4 / reviews 3.使用Base64 将其作为JSON发送，但使用Base64编码文件。 良好：与第一个解决方案相同，它是尽可能多的RESTful服务。 缺点：再次，测试和调试要差很多（主体可能具有兆字节的数据），客户端和服务器的大小和处理时间都增加了 我真的很想使用解决方案编号。2，但是它有其缺点...任何人都可以给我更好的洞察力，即“什么是最好的”解决方案？ 我的目标是使RESTful服务包含尽可能多的标准，而我想使其尽可能简单。
2
JavaScript：上传文件
假设我在页面上有此元素： <input id="image-file" type="file" /> 这将创建一个按钮，允许网页用户通过浏览器中的OS“文件打开...”对话框选择文件。 假设用户单击该按钮，在对话框中选择一个文件，然后单击“确定”按钮以关闭对话框。 现在，所选文件名存储在： document.getElementById("image-file").value 现在，假设服务器在URL“ / upload / image”处处理多部分POST。 如何将文件发送到“ / upload / image”？ 另外，我该如何监听文件上传完成的通知？
11
将Dropzone.js与其他字段集成到现有的HTML表单中
我目前有一个HTML表单，用户可以填写他们希望发布的广告的详细信息。现在，我希望能够添加一个dropzone来上传待售商品的图片。 我发现Dropzone.js似乎可以满足我的大部分需求。但是，查看文档时，您似乎需要将整个表单的类指定为dropzone（而不是仅输入元素）。这意味着我的整个表单成为了dropzone。 是否可以仅在表单的一部分中使用dropzone，即仅通过将元素指定为class “ dropzone”而不是整个表单来使用？ 我可以使用单独的表单，但是我希望用户能够通过一个按钮提交所有表单。 另外，还有另一个图书馆可以做到这一点吗？ 非常感谢
9
上传前如何使用javascript检查文件MIME类型？
我已阅读这个和这个问题，这似乎表明，文件的MIME类型可以使用在客户端的JavaScript进行检查。现在，我知道真正的验证仍然必须在服务器端进行。我想执行客户端检查以避免不必要的服务器资源浪费。 为了测试是否可以在客户端执行此操作，我将JPEG测试文件的扩展名更改为，.png然后选择要上传的文件。发送文件之前，我使用JavaScript控制台查询文件对象： document.getElementsByTagName('input')[0].files[0]; 这是我在Chrome 28.0上得到的： 文件{webkitRelativePath：“”，lastModifiedDate：2012年10月16日星期二10:00:00 GMT + 0000（UTC），名称：“ test.png”，类型：“ image / png”，大小：500055…} 它显示类型image/png，似乎表明检查是基于文件扩展名而不是MIME类型进行的。我尝试了Firefox 22.0，它给了我相同的结果。但是根据W3C规范，应该实施MIME嗅探。 我是说对了，目前无法用javascript检查MIME类型吗？还是我错过了什么？
8
是否有一个不错的jQuery拖放文件上传插件？[关闭]
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心寻求指导。 7年前关闭。 是否有一个很好的整洁jQuery插件，该插件允许包含一个JS脚本，然后使用简单的代码段启用表单？像这样： $j('#MyForm').enableDragDropUploads('.upload-area') 上载目标是表单的操作。 任何解决方案都不能阻止常规文件字段的使用（使用传统的浏览方法）。 我一次只需要一个文件，尽管当然可以选择多个文件也不是一件坏事。 我发现一对夫妇的拖放上传的例子： http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears HTTP：//www.appelsiini。 net / 2009/10 / html5-拖放多个文件上传 但是这里的代码没有设置为插件。更改它可能不太困难，但是如果其他人已经完成了这项工作并且只是在逃避我的Google搜索，那么这样做也没有意义。 理想情况下，我正在寻找纯HTML5 / jQuery解决方案。 可以使用Google Gears，但不能使用Flash解决方案。
1
在Angular中上传文件？
我知道这是一个非常普遍的问题，但是我无法在Angular 2中上传文件。 1）http://valor-software.com/ng2-file-upload/和 2）http://ng2-uploader.com/home ...但是失败了。有没有人在Angular中上传文件？您使用什么方法？怎么做？如果提供任何示例代码或演示链接，将不胜感激。
22
拖动子元素时会触发父元素的“ dragleave”
总览 我具有以下HTML结构，并且将dragenter和dragleave事件附加到了<div id="dropzone">元素上。 <div id="dropzone"> <div id="dropzone-content"> <div id="drag-n-drop"> <div class="text">this is some text</div> <div class="text">this is a container with text and images</div> </div> </div> </div> 问题 当我将文件拖到时<div id="dropzone">，dragenter事件将按预期触发。但是，当我将鼠标移到子元素（例如）上时<div id="drag-n-drop">，会dragenter为该<div id="drag-n-drop">元素dragleave触发该事件，然后为该<div id="dropzone">元素触发该事件。 如果我<div id="dropzone">再次将鼠标悬停在该元素上，dragenter则会再次触发该事件，这很酷，但是随后dragleave为刚刚剩下的子元素触发了该事件，因此removeClass执行了该指令，这并不酷。 此行为有问题的原因有两个： 我只是附上 dragenter＆dragleave，<div id="dropzone">所以我不明白为什么子元素也要附加这些事件。 我仍在将<div id="dropzone">元素悬停在其子元素上时拖动元素，所以我不想dragleave开火！ jsFiddle 这是一个可以修补的jsFiddle： http //jsfiddle.net/yYF3S/2/ 题 所以...我该怎么做，以至于当我在<div id="dropzone">元素上拖动文件时，dragleave即使我在任何子元素上拖动也不会触发...仅当我离开该<div id="dropzone">元素时才触发。 。在元素边界内的任何位置悬停/拖动都不会触发dragleave事件。 我需要它与跨浏览器兼容，至少在支持HTML5拖放的浏览器中是这样，所以这个答案是不够的。 …
12
将拖放文件拖放到标准html文件输入中
如今，我们可以将文件拖放到一个特殊的容器中，并使用XHR 2上载它们。带有实时进度条等。非常酷的东西。这里的例子。 但是有时候我们不想那么酷。我想要的是将文件（一次很多）拖放到标准HTML文件输入中：<input type=file multiple>。 那可能吗？有什么方法可以从文件拖放中用正确的文件名（？）“填充”文件输入吗？（出于文件系统安全性原因，完整的文件路径不可用。） 为什么？因为我想提交一份普通表格。适用于所有浏览器和所有设备。拖放只是逐步增强，可以增强和简化UX。具有标准文件输入（+ multiple属性）的标准表单将在那里。我想添加HTML5增强功能。 编辑 我知道在某些浏览器中，您有时可以（几乎总是）将文件拖放到文件输入本身中。我知道Chrome通常会执行此操作，但是有时会失败，然后将文件加载到当前页面中（如果您要填写表单，则会导致很大的失败）。我想愚弄和浏览器证明。
9
jQuery的文件上传进度栏
我正在尝试在我的项目中实现AJAX文件上传功能。我为此使用jQuery；我的代码使用AJAX提交数据。我也想实现一个文件上传进度条。我怎样才能做到这一点？有什么方法可以计算已经上传的数量，以便我可以计算上传的百分比并创建进度条？
21
将文件上传到PHP时，为什么$ _FILES为空？
我在Windows 7计算机上安装了WampServer 2。我正在使用Apache 2.2.11和PHP 5.2.11。当我尝试从表单上传任何文件时，似乎都在上传，但是在PHP中，$_FILES数组为空。文件c:\wamp\tmp夹中没有文件。我已配置php.ini为允许文件上传等。该tmp文件夹具有当前用户的读/写特权。我很沮丧 HTML： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <form enctype="multipart/form-data" action="vanilla-upload.php" method="POST"> Choose a file to upload: <input name="uploadedfile" type="file" /><br /> <input type="submit" value="Upload File" /> </form> </body> </html> PHP： <?php echo 'file count=', count($_FILES),"\n"; var_dump($_FILES); echo "\n"; ?>
145 php  apache  file-upload 
6
使用rspec测试文件上传-Rails
我想测试Rails中的文件上传，但不确定如何执行此操作。 这是控制器代码： def uploadLicense #Create the license object @license = License.create(params[:license]) #Get Session ID sessid = session[:session_id] puts "\n\nSession_id:\n#{sessid}\n" #Generate a random string chars = ("a".."z").to_a + ("A".."Z").to_a + ("0".."9").to_a newpass = "" 1.upto(5) { |i| newpass << chars[rand(chars.size-1)] } #Get the original file name upload=params[:upload] name = upload['datafile'].original_filename @license.format …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.