同一页面上的多个文件上传小部件 - main.js答案

【问题标题】：Multiple File Upload Widgets on the same page - main.js同一页面上的多个文件上传小部件 - main.js
【发布时间】：2014-03-01 08:42:37
【问题描述】：

我正在尝试将 blueimp 上传文件的 main.js 更改为在同一页面上有多个文件上传小部件。我将 id 更改为 class 的形式。我也在 main.js 中进行了更改：

$('.fileupload').each(function () {
    $(this).fileupload({
        dropZone: $(this)
        url: 'server/php/'
    });
});

$('.fileupload').each(function () {
    $(this).fileupload({
        dropZone: $(this)
        'option',
        'redirect',
        window.location.href.replace(
        /\/[^\/]*$/,
        '/cors/result.html?%s'
    )
   });
});

仍然无法正常工作。任何想法？非常感谢。卡塔琳娜

【问题讨论】：

查看 JavaScript 控制台，看看您收到了什么错误。
控制台是否出现错误
我查了一下，发现有 0 个错误 :-(
09:55:17.378 “无效的应用程序 ID：必须是表示应用程序 ID 的数字或数字字符串。” all.js:56 09:55:17.383 “尚未创建“fb-root” div，正在自动创建” all.js:56 09:55:17.402 “在调用 FB.init( )。”
@wikinka 抱歉，我无法解决您的问题。只需确认该插件是否需要您的div 中的id。浏览它的文档。

标签： jquery file-upload

【解决方案1】：

在您创建上传小部件的两个实例的页面上，您应该为表单提供操作参数。

<form class="fileupload" action="server/php/" method="POST" enctype="multipart/form-data">

<form class="fileupload" action="server/php2/" method="POST" enctype="multipart/form-data">

在 main.js 中，您应该使用表单的这个属性来调用不同的上传处理程序：

$('.fileupload').each(function () {
	var action = $(this).attr('action');
	
    $(this).fileupload({
		dropZone: $(this),
		url: action,
	});
});

【讨论】：