Question

我正在使用标题中SITE的图片上传器。此图像上传器生成多个表单，其各自的iframe用于输入。

我正在尝试消除这些单独的输入，并且只有一个输入将需要多次上传（至少最多4次）。我与作者交谈过，只收到修改uploaderPreviewer.js的答案，我得到了我想要的东西。

如何修改js文件以使其生成一个输入以进行多个文件上传（至少最多4个）？

如果您想全面了解js文件：HERE

构建表单

jQuery.uploaderPreviewer = new Object({
    formsCount: 1, // number of image forms to handle
    allowedImageTypes: new Array('png', 'jpg', 'jpeg', 'gif'),
    uploadImageAjaxUrl: 'php/uploadImage.php',
    removeImageAjaxUrl: 'php/removeImage.php',
    uploadsThumbDir: 'uploads/thumb/',
    messages: {
        imageLabel: 'Image',
        fileTypeError: 'The file is not an allowed type.',
        removeButtonCaption: 'remove',
        removeButtonTitle: 'Remove the image'
    }
});

公共职能

jQuery.uploaderPreviewer.createImageForms = function(options) {

    $.extend(this, options);

    var forms = '';

    for(var i=1; i <= this.formsCount; i++) {
        forms += createImageForm(i);
    }    
    return configureImageForms($(forms));
};

Answer 1

如果你不介意使用其他脚本，我建议你这样做。一直在其他项目中使用它，只有它的缺点是与以前的IE版本（拖放）有一些轻微的不兼容。

https://github.com/valums/file-uploader/

Answer 2

尝试使用http://jquery.malsup.com/form插件中的ajaxSubmit功能。我已经尝试过了，在我测试的每个浏览器中都能正常工作（Ie7）

Answer 3

尝试使用HTML5 input[multiple]属性。

来自http://dondedeportes.es/uploader-previewer/的图像上传器：更改输入以接收多个请求

3 个答案: