3

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

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

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

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

构造形式

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));
};
4

3 回答 3

1

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

于 2012-07-05T09:30:11.060 回答
1

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

https://github.com/valums/file-uploader/
于 2012-07-05T05:55:59.743 回答
0

尝试使用 HTML5input[multiple]属性。

于 2012-07-13T08:40:01.480 回答