表单上的多个文件上载实例

Question

如何在单个表单上使用多个文件上传实例？我想为每个上传定义一个特定的文件名，以便我在服务器端使用该名称来获取数据。例如

 <div id="Front-View"><file name="front_view"/></div>
 <div id="Angeled-View"><file name="angeled_view"/></div>  
 <div id="other-View"><file name="other_view"/></div>    
 <script>
 $(document).ready(function () {
    $('#Front-View').fineUploader({
        request: {
          endpoint: '/upload.do'
        }
    });
    $('#Angeled-View').fineUploader({
        request: {
          endpoint: '/upload.do'
        }
    });
    $('#other-View').fineUploader({
        request: {
          endpoint: '/upload.do'
        }
    });
 });

Answer 1

我将假设您只是想在处理文件服务器端时区分您的3个不同的Fine Uploader实例。考虑到这一点，您有两种选择。

选项1：变量URI路径

只需为每个上传器实例指定一个特定的端点即可。您的服务器可能会或可能不会设置为当前处理此问题。

选项2：变量参数

您可以要求Fine Uploader为其上传的每个文件发送特定参数。在您的情况下，您可以确保此参数标识上传器。请注意，我已经简化了一些代码，并且没有使用初始HTML：

$(document).ready(function() {
    $('#Front-View, #Angled-View, #other-View').each(function() {
        $(this).fineUploader({
            request: {
                endpoint: '/upload.do', 
                params: {
                    uploaderId: this.id
                }
            }
        });
    });
});

以上代码将发送参数uploaderId以及每个文件。参数的值将与上传者关联的<div>的ID相匹配。