php - 图片上传输入：1 个输入，最多需要 4 次上传

Question

我现在正在处理从HERE上传的这张图片。除了拥有 3 个单独的图像上传输入之外，有没有一种方法可以只拥有一个最多需要 4 个请求的图像？

<script>
(function($) {

$(document).ready(function() {

    // it must be checked if there are div.imageForms because the
    // uploaderPreviewer javascript may be not included and produce an error
    if ($('div.imageForms').length) {

    $.uploaderPreviewer.formsCount = 4;

        $('div.imageForms').append($.uploaderPreviewer.createImageForms());

        // the images are populated if the admin form is to edit, and not
        // to insert
        if ($('div.imageForms[images]').length) {
            var imageFilenames = $('div.imageForms[images]').attr('images').split(',');
            $.uploaderPreviewer.populateImages(imageFilenames);
            $('div.imageForms[images]').removeAttr('images');
        }
    }

    $('#buttonSave').click(function() {
        var itemId = $(this).attr('itemId');
        if (itemId) {
            $.itemForm.update(itemId);
        }
        else {
            $.itemForm.insert();
        }
    });

});

})(jQuery);



</script>

Answer 1

如果您不关心 IE，那么您可以使用多文件输入，让用户选择不超过 4 个文件。我为 IE 添加了一个简单的回退，它只会获取一个文件，因此您可能只想为 IE 使用多个输入。该死的Internet Explorer！

<input id="files" type="file" multiple />

.

var isValidFiles = function ($input, max) {
  var files = $input[0].files || [{ name: $input.val() }]
  return files.length <= max
}

.

if ( isValidFiles($('#files'), 4) ) { ... }