- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在关注这篇博文http://blog.notdot.net/2010/04/Implementing-a-dropbox-service-with-the-Blobstore-API-part-3-Multiple-upload-support其中详细介绍了如何将 plupload 与 google appengine 和 blobstore api 一起使用。我想知道如何在上传中添加自定义字段。我已将 enc 类型更改为 multipart/form-data
<form method="POST" enctype="multipart/form-data">
<select id="adventure" name="adventure">
<option value = "collection-A">Collection A</option>
<option value = "collection-A">Collection B</option>
</select>
<div id="html5_uploader">
<p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
</div>
</form>
在阅读了有关 multipart 无法在使用 webkit 浏览器的文档中工作(我使用的是 chrome)之后,我决定使用基于 flash 的版本,而不是我开始时使用的 html5。我使用该论坛上的不同示例和讨论整理了以下内容。
<script type="text/javascript">
$(function() {
uploader = $("#html5_uploader").pluploadQueue({
// General settings
runtimes : 'html5',
max_file_size : '10mb',
chunk_size : '1mb',
multipart : true,
unique_names : true,
// Flash settings
flash_swf_url : '/static/plupload/plupload.flash.swf'
}).pluploadQueue();
uploader.bind('BeforeUpload', function (up, file)
{
$.extend(up.settings.multipart_params, {
'adventure': $('#adventure').val()
});
});
uploader.bind('UploadFile', function(up, file) {
$.ajax({
url: '/generate_upload_url',
async: false,
success: function(data) {
up.settings.url = data;
},
});
});
})
</script>
文件上传端一切正常,但选择字段选项未发送,并且:
self.request.get("adventure")
没有在服务器端获取任何内容。我正在使用最新版本的 plupload(不是 Nick 的修改版本)。
最佳答案
因此,在为此苦苦挣扎了一段时间后,我切换回 html5 版本,而不是使用 BeforeUpload,现在我已经“硬编码”了该值,但它适用于我的实现。
var adventure_name = $('#adventure').val();
$('#adventure').change(function(){
adventure_name = $('#adventure').val();
});
// Setup html5 version
$(function() {
uploader = $("#html5_uploader").pluploadQueue({
// General settings
runtimes : 'html5',
max_file_size : '10mb',
url : '{{ upload_url }}',
multipart : true,
multipart_params : {'adventure': adventure_name},
unique_names : true,
// Flash settings
}).pluploadQueue();
uploader.bind('UploadFile', function(up, file)
{
$.ajax({
url: '/generate_upload_url',
async: false,
success: function(data) {
up.settings.url = data;
},
});
});
});
关于javascript - 如何将 <select> 字段添加到我的 plupload 表单中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9269779/
如何为 plupload ( http://www.plupload.com/ ) 设置通用/全局设置,以后创建的所有实例都应该使用它? 我试图访问“plupload.settings”,但它不存在。
既然我之前的问题没有得到解答,那我换个说法吧。 我希望有人提供一个功能示例,说明如何以编程方式将文件添加到 plupload 队列,准备上传。 也许是这样的: $('#uploader').on("r
我正在开发一个可以上传文件的应用程序。我想创建一个可重用的文件上传组件,它可以包含在任何需要文件上传功能的页面上。我原本以为我可以只使用 JSP 标记。然而,我们最近发现了 AngularJS,现在想
我有一个 plupload 调用: $("#cni, #kbis, #rcpro").pluploadQueue({ runtimes: "html5, flash", url: "ajax.php?
当 Plupload 中出现错误时,我有一个事件处理程序: Error: function(up, args) { // do something } 如何在代码的其他地方引发错误?我想说 up.
我正在尝试在页面上设置未知数量的 plupload 实例。我需要动态添加更多实例并删除和重置其中一些。我有一般的想法,但没有任何效果。 我的尝试之一是 jsfiddle . 谢谢大家的帮助。 代码:
我正在使用plupload。 传输队列完成后,如何重置上传者,以便用户可以根据需要上传更多文件? 最佳答案 uploader.splice();将从队列中删除所有文件,并使上载程序对象重新开始。 关于
我在我的网站上成功集成了 plupload。我可以毫无问题地上传文件,但我无法多次上传同一个文件。 PS:该问题仅出现在 Internet Explorer 中。我对谷歌浏览器没有任何问题。 例如:
我有一个页面可以在网站上上传一些文件。在此页面中是 plupload 的一个实例。 我的愿望是,当 plupload 被实例化时,文件浏览器对话框会自动打开,就像单击“添加文件”但不执行此单击一样。
我正在使用 plupload。我找不到一种方法来编辑上传脚本为我正在上传的文件设置的名称。 有没有办法更改文件名? 最佳答案 您可以使用file_data_name 选项设置上传字段的名称。默认设置为
在 plupload div 之后,我有一个带有 plupload 的上传表单和一个带有 bool 值的复选框。 如果选中该复选框,我想更改 plupload 中 url 的值。 这是我的代码
我已经研究这段代码一段时间了,试图让它正常工作。我想限制上传的图片总数超过 2 张。 行 var upa = $('.uploader').plupload('getUploader'); 给出了 U
我正在尝试删除 FilesAdded 事件中不允许扩展名的文件。 (我不能使用过滤器参数,因为我需要一个独占列表)。 我有一些代码有点像这样: uploader.bind('FilesAdded',
我正在使用 Plupload 将 .csv 文件上传到我的网站。它工作正常,除了它没有在文件选择模型中正确过滤 .csv 文件的问题。 这是我用来过滤 .csv 文件的代码: filters : [
添加文件后,我想自动开始上传过程。我在 FilesAdded 的末尾调用了 start 函数,但它没有开始上传。 uploader.bind('FilesAdded', function(up, fi
我想颠倒plupload中上传文件的顺序。 尝试过: FilesAdded: function(up, files) { files = files.reverse(); pluplo
我在 plupload API 文档中没有看到有关将上传文件数量限制为任意数量(甚至是 1)的选项。 文档失败?或功能失败?如果它不存在,如果有人需要它,我将努力实现这一点.. 最佳答案 这是一个功能
我刚刚将最新版本的 plupload 安装到我的本地测试 PHP 服务器,运行 HTML5 uploader 。一切似乎都正常,但我无法确定文件上传到哪里(以及如何将其更改为我想要设置的目录)。 这是
所以我使用 PLUpload 来上传文件。但是,我遇到了问题。我试图在队列完成时触发一个事件。我已经很接近了,但还没有完全实现。请参阅此处: $(function() { var files_
我刚刚将最新版本的 plupload 安装到我的本地测试 PHP 服务器,运行 HTML5 uploader 。一切似乎都正常,但我无法确定文件上传到哪里(以及如何将其更改为我想要设置的目录)。 这是
我是一名优秀的程序员,十分优秀!