问题标签 [jquery-file-upload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
809 浏览

php - jquery 文件上传小部件

我正在尝试使用 jquery 文件上传小部件。我已将演示代码复制到我的网站。当它运行时,我收到以下错误(根据 Firebug):

“网络错误:500 内部服务器错误 - http://24.xxx.xxx.xxx/server/php/

我要上传的文件会毫无问题地转储到 files/ 目录中。httpd 错误日志没有列出任何错误。如果我直接从浏览器运行 server/php/index.php,我会看到格式正确的 JSON 字符串。

我已将所有 URL 更改为指向我的网站,而不是 jqueryupload.apppoint.com。

任何指导将不胜感激。我正在运行 Linux、Apache 2.4、PHP 5.4.10。

帖子数据为:

index.php 代码是:

Uploadhandler.php 未修改演示中提供的原始版本,可在此处获得:https ://github.com/blueimp/jQuery-File-Upload#download

编辑:附加信息。 我可以毫无问题地上传非图像文件。只有在上传图像文件时才会出现问题。/server/php/thumbnails 目录具有读写权限,由 daemon 用户拥有。我在代码中看到对 file.thumbnail_url 的引用,但我在哪里看不到 index.html 程序或支持的 javascript 程序中定义的变量。

0 投票
1 回答
713 浏览

jquery - 删除 jQuery File Upload 的单独发送按钮

我想使用 jQuery File Upload 但我看到每个文件都添加了一个按钮来独立进行爬升。我希望我可以在按下提交按钮时删除该按钮以一次性上传文件。

我试图删除“to Gross”,但给出了故障代码。并且查看选项没有找到删除该选项的选项。我不想简单地隐藏css

我还将向每个文件添加一个输入文本和一个文本区域。

可能吗?

0 投票
1 回答
831 浏览

javascript - 多个 JqueryFileUpload 实例和停止文档的文件删除

我已经设置了一个页面,可以通过单击按钮添加 jQuery File Upload 插件的多个实例。我遇到的问题是,当您将文件拖到其中一个实例时,它会将它们添加到所有实例中。我已经添加了开发人员建议的代码来防止这种情况发生,但它似乎没有任何效果(虽然调用了该函数,但我将它记录到控制台。)

这是我正在处理的页面:http: //bwobst.clients.thomporter.com/upload.html

这是创建上传器的 JavaScript 文件:http: //bwobst.clients.thomporter.com/upload.js

或者,如果您愿意,CoffeeScript: http ://bwobst.clients.thomporter.com/upload.coffee

仅供参考,这是开发人员建议使用的代码:

正如我所说,我尝试向它添加一个 console.log ,当我将文件拖到窗口时它确实被调用了,但e.preventDefault()似乎没有任何效果。

0 投票
3 回答
6557 浏览

javascript - 为什么jQuery文件上传在第一次上传后停止工作?

我正在使用jQuery File Upload 插件。我正在隐藏文件输入并在单击单独的按钮时激活它。(见这个小提琴。)

HTML:

JavaScript:

请注意,如果您按下按钮然后选择一个文件,该add方法将被激活并且您将收到警报。再做一次,你会得到另一个警报。

现在,看看这个小提琴。唯一的区别是我更改了以下行

请注意,现在,当您第一次单击按钮然后选择文件时,该add方法被激活并且您会收到警报(就像以前一样),但如果您再次执行此操作,该add方法将永远不会激活。

是什么导致了这种行为差异?

0 投票
1 回答
3588 浏览

jquery-file-upload - jquery fileupload 语法错误类型错误

使用这个(jquery for fileupload)脚本我收到一些错误,但它在本地的 wamp 中工作。对于生产,我需要停止此警报错误”

“SyntaxError:属性列表
progressall之后缺少}:函数(e,数据){”

或在 Chrome 中:

“第 211 行未捕获的语法错误意外标识符”

与 Firefox 中的行相同。

有人有想法吗?

我做了一些修改:Mozilla 没有错误但无法正常工作

在 chrome 错误中(Uncaught TypeError: Cannot call method 'push' of undefined)并且不工作

语法错误的正确脚本

SyntaxError: 在属性列表
filesContainer: $('.filescontainer')之后缺少 }

而且我永远不需要filesContainer,因为我用上传系统检索了第二个 jquery 选项卡

0 投票
0 回答
161 浏览

jquery - 我更新了我的 Jquery 文件上传,它开始自动提交表单

我一直在使用 jquery 文件上传一段时间,并决定我想使用自定义用户文件夹。我升级到最新版本是因为添加了自定义文件夹功能。升级后,每次上传文件时都会自动提交表单。我搜索了代码以找到答案,并在 jquery.fileupload.js 的第 760 行找到了这个

我注释掉了这一行

//(that._trigger('submit', e, this) !== false) &&

现在一切似乎都正常了。我不确定这是否是正确的做法。但现在它有效。

0 投票
0 回答
1390 浏览

jquery - 使用 blueimp 文件上传器的内部服务器错误

我下载了最新版本的文件

我将它们上传到我的服务器上,构成:

  • 带有最新 Debian 映像的树莓派:2012-08-08-wheezy-armel.img
  • nginx 1.2.1
  • PHP 5.4.4

为了确保可以上传大文件,我已将其添加client_max_body_size 20M;到 nginx 站点配置文件中。

我在 php.ini 文件中增加了以下限制:

所有站点文件和目录都归用户所有,该用户www-data是运行 nginx 的用户,并且已针对 nginx 配置文件进行了检查。

所有文件似乎都可以正常上传,但完成后,每个已上传的文件旁边都会显示“内部服务器错误”消息。

nginx 服务器记录一个为index.html请求记录的 http 500 错误。如果上传了 5 个文件,则会记录 5 个此类错误。

请您指导我如何进一步调试此问题?我相信所有的必要条件、权限和权限都已到位,并且不确定我应该在哪里进一步尝试调试。非常感谢。

0 投票
1 回答
630 浏览

javascript - Jquery 文件上传和 Backbone 的上下文

我遇到了 jquery-file-upload 和 Backbone 的上下文问题。在 fileupload 'done' 回调中,我想调用 Backbone 视图中定义的另一个函数,但我丢失了上下文。

浏览器控制台中返回的错误是“Uncaught TypeError: Object # has no method 'some_function'”,因为“this”不再指代 Backbone 视图,而是指 jquery 表单元素。

有没有办法从回调中访问视图中的该函数?

0 投票
1 回答
2405 浏览

ruby-on-rails-3 - Rails 3 - 嵌套模型 - has_many - jquery 文件上传

我有一个 Post 模型,它 has_many :photos。在用户创建新帖子时,用户还应该能够为给定帖子选择照片。

我使用 RAILS 3.2.9、nested_form、carrierwave 和 jquery-fileupload-rails gem 和 ryan bates railscasts作为指南。

一切似乎都设置正确,但问题是,当用户选择一张照片(触发 fileupload() 函数)时,会创建新的帖子和新的照片记录。一旦我按下“创建帖子”,就会再次创建另一个帖子记录。

任何帮助/想法表示赞赏。

非常感谢。

彼得

0 投票
1 回答
398 浏览

ruby-on-rails - 如何将多张图片直接上传到 1 条记录到 s3?

我有一个Product模型,对于创建的每条记录,我想要与该记录关联的多个图像(比如 3-10)。每个图像应该有多种尺寸(比如 3 种不同的尺寸)。

我检查了 Carrierwave 并且有效 - 但仅适用于 1 张图像(或者更确切地说,我无法弄清楚如何为 1 条记录获取多张图像)。

我还查看了 jQuery File Upload,这似乎允许轻松上传多个文件,但最终归结为每个上传都与 1 条记录相关联。所以,是的,你可以拖放文件,但如果你拖动 5 个文件,你就创建了 5 条记录。

理想情况下,我希望能够获得相同的 jQuery-File-Upload 功能(在客户端完成处理,在上传过程中显示进度条,如果可能的话拖放等),但只允许所有一次上传的图像,将分配给 1 条记录。

谢谢。