Tag: 文件上传

IE10 – 选择要上传的文件后，必须单击2次才能提交表单

在一个表单中，我有一个文件输入皮肤用jquery和css和一个提交按钮。 Continuer http://jsfiddle.net/CsL9t/ 此处的问题仅出现在IE10上：选择文件后，必须单击提交按钮2次才能提交表单。 我尝试在文件输入改变时强制关注按钮，但它没有帮助。 我尝试使用jQuery触发click， jQuery(‘#myInput’).parents(‘form’).find(“button[type=’submit’]”).click(); 但在第三次提交之前，我收到了2次“拒绝访问”的消息。 任何意见或建议将非常感谢。 谢谢

ASP.net FileUploader控件 – 单击使用jQuery

我在ASP.net中使用FileUpload控件。 格式化输入按钮是一件很痛苦的事情，我试图通过使用一个简单的（格式化）按钮激活一个单击FileUpload控件的jQuery函数来解决这个问题。 这是我的格式化按钮，名为btn_upload_FILE： 这是FileUpload控件： 这是jQuery： $(‘#’).click(function () { $(‘#’).click(); }); 超级简单，它工作得很好，它打开文件浏览器，让我选择一个文件。 问题是，即使FileUpload控件似乎正常工作，我选择的文件实际上并未加载到FileUpload控件中，因此我的代码隐藏无法看到它。 看起来它正在工作，但FileUpload最终为空。 FileUpload的.change事件没有被触发，所以我什么都不知道。 如果我只按FileUpload控件的按钮，它工作正常。 任何人都可以告诉我为什么FileUpload没有收到文件，即使我可以浏览它？ 任何帮助一如既往地受到赞赏。

使用JQuery文件上传到amazon S3，在客户端调整图像大小

我已经在互联网上看到了一些例子： 这个和这个 ，但是我正在关注RailsCast剧集＃383上传到Amazon S3 ，在video的最后他提到了使用javascript在客户端调整图像大小， 当然。 问题是，如果我按照他的例子，我无法实施。 我正在使用gem jquery-fileupload-rails 编辑 ：我注意到我在JQuery-fileupload示例中缺少一些JS 来调整图像页面的大小 ，但仍然没有工作。 我对application.js的要求 //= require jquery-fileupload/vendor/jquery.ui.widget //= require jquery-fileupload/vendor/load-image //= require jquery-fileupload/vendor/canvas-to-blob //= require jquery-fileupload/jquery.iframe-transport //= require jquery-fileupload/jquery.fileupload //= require jquery-fileupload/vendor/tmpl //= require jquery.fileupload-process //= require jquery.fileupload-image //= require jquery-fileupload/locale 我的post.js.coffee http://pastebin.com/9sm7UtsP jQuery -> $(‘#fileupload’).fileupload add: (e, data) -> types = /(\.|\/)(gif|jpe?g|png)$/i file = […]

如何在jQuery中取消由ajaxSubmit（）启动的文件上传？

我的代码类似于以下内容： UploadWidget.prototype.setup_form_handling = function() { var _upload_widget = this; $(‘form#uploader’) .unbind(‘trigger-submit-form’) // This might be our company’s own method .bind(‘trigger-submit-form’, function() { var $form = $(this); $form.ajaxSubmit({ dataType: ‘json’, success: function(data, status, xhr, form) { // … }, error: function(xhr, status, errorThrown) { // … } }); return false; }); }; 有没有办法使用表格的重置按钮来取消上传过程？ 或者我是否必须导航到当前页面（刷新）才能停止所有内容？ 我尝试创建一个由UploadWidget对象存储的变量，该变量存储jqXHR值（并调用var _upload_widget.jqXHR […]

如何使用隐藏的iframe + jquery进行文件上传？

我们都知道单独使用jquery进行文件上传是不可能的。 但是可以使用jquery和隐藏的IFrame来解决这个问题。 我找到了使用这种方法的四种解决方案，但是没有看到我如何实现它们。 这个在Stackoverflow上找到的解决方案是这样做的一种方式。 但我不确定这是不是最好的方式。 （未测试） 使用jQuery Form插件是另一种选择。 我尝试过这个例子 ，但没有帮助。 该解决方案将我的uploader.php加载到新页面中，但无法获取文件信息。 我无法使用IFrame看到它。 Ajax文件上传是另一种解决方案 – 这是一个动态IFrame。 看一下示例代码，我无法确定如何实现它。 最后一个解决方案是从Webtoolkit 上传AJAX文件 。 在这里，我无法弄清楚我应该在哪里声明它应该加载文件处理的PHP文件。 有没有人有一个使用这些方法之一的工作示例？ 我在另一个解决方案中使用了Uploadify – 但我现在不想使用flash。

我可以在asp.net mvc中的jquery对话框中上传文件

我有一个表单，用户输入其数据及其图像。 此表单将位于jquery对话框中。 我想知道是否有可能，如果我上传一个图像，然后将其发送到服务器以便在此之后保存在硬盘驱动器上，而不会丢失该对话框，则会打印文件上传的消息。 如果是，那么我如何使用jquery ajaxform 插件 。 我正在使用asp.net mvc。 我试过的内容如下 我的看法 我的JQuery function dialogs(id) { $(function () { var ph = $(“#Jobs”); ph.dialog({ width: 700, modal: true, show: ‘slide’, closeText: ‘hide’, draggable: false, resizable: false }); //}); }); } function clik(id) { dialogs(id); return false; } var options = { url: “/Post/UploadImages” }; $(‘#frmupload’).ajaxForm(function (options) […]

通过Javascript上传跨域XHR

可能重复： 在IE9中解析xml / json响应 我想使用Imgur API实现一个Javascript上传器（我认为这是Stackoverflow使用的）。 但是，我无法使其发挥作用。 我尝试了Ajax上传，但是我得到了“请求头字段X-Requested-With，Access-Control-Allow-Headers不允许”。 奇怪的是，我使用了这个插件，我没有得到那个错误。 相反，我得到一个XML响应说No image data was sent to the upload api （我认为，这是因为我无法将文件对象作为参数发送到’image’ ‘），如文档中所述： 图片| 要求| POST | 二进制文件，base64数据或URL 所以，我的一般问题是：在跨浏览器（IE8 +，Chrome，Firefox和朋友）方式上传到Imgur的最简单方法是什么（考虑到它们允许跨域XHR，这是一个很大的优势）？ 我还阅读了一些关于HTML5的FormData对象 ，但似乎即使是现在，跨浏览器支持也不是很好，我不确定是否有IE8 +，Safari等的javascript实现。 更新：我设法使用Jquery Form Plugin得到这个（差不多），但我仍然遇到这个问题（与IE9有关）。 也许这与解决这个问题有关，反过来又可以解决另一个问题。 UPDATE2：为了将来参考，Jquery Form Plugin工作正常。 但是，解析XML响应时会出现问题，该响应包含与Imgur相关的所有数据。 请参阅IE9中的解析xml / json响应以获取有关此问题的更多信息。 简而言之：JSON不是一个选项，XML应该可以工作，但事实并非如此。 您可以尝试使用服务器端脚本，通过AJAX将请求发送到服务器端脚本，让脚本发送上载并正确接收响应。 为了不引起人们对实际问题的注意，我将结束这个问题。 任何帮助将不胜感激。

简单的jQuery文件上传插件（仅使用iframe）

我花了很多时间在网上搜索找到一个非常简单和基本的jQuery插件，允许我上传文件而不刷新页面，我不想要这些大插件的所有花哨的技术，我希望它很容易添加到我的网站。 所以我刚刚创建了自己的小jQuery插件，我决定与大家分享，以防其他人在寻找。 现在我不是创建jQuery插件的专家，所以如果我有任何改进，请告诉我。 所以这里是： 这是您可以设置使用它的html表单： 这是插件的调用方式： $(“body”).on(“change”, “.fileUpload”, function(){ $(this).fileUpload({ form: $(this), //selector of the form actionURL: “uploadPhoto.php”, //directory to handle upload success: function(html){ //on successful upload, in this case if there is any html returned $(“body”).prepend(html); }, error: function(){ } }); }); 这是插件本身： (function($){ $.fn.extend({ fileUpload: function(options) { var defaults = { form: null, […]

使用jQuery $ .post提交

我有一个 标签，其中包含文件上传标签。 我想使用$.ajax()或$.post()将input标记的内容发布到php页面，但是如何获取其类型为”file”的input标记的内容？ 所以我可以使用jQuery ajax函数提交它？ 注意：我的代码还没有 标记。 我不确定它是否必须上传文件。 我也看到了一些使用变通方法我想知道是否可以这样做。 我不想使用任何插件来做到这一点。

blueimp jQuery-File-Upload没有ajax

我真的很喜欢客户端处理选择文件并进行预览并选择取消或删除。 但是我想上传带有表单的页面，我不需要使用ajax。 我一直在摆弄所有的选项，我无法找到与同步选择的文件发布到表单。 是否可以使用表单发布data.files？