来自 http://dondedeportes.es/uploader-previewer/ 的图片上传工具:更改输入以

Image uploader from http://dondedeportes.es/uploader-previewer/: Change input to take multiple requests

本文关键字:工具 输入 dondedeportes http es uploader-previewer 来自      更新时间:2023-09-26

我正在使用标题中来自 SITE 的图像上传器。此图像上传器会生成多个表单及其各自的 iframe 以供输入。

我正在尝试消除这个单独的输入,并且只有一个输入需要多次上传(至少最多 4 个)。我与作者交谈,只收到修改上传者预览器的答案.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));
};

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

https://github.com/valums/file-uploader/
尝试从

http://jquery.malsup.com/form 插件中获取 ajaxSubmit 功能。我已经尝试过了,在我测试过的每个浏览器中它对我来说都很好(Ie7)

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