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) ) { ... }

图像上传输入：1个输入，最多需要4个上传

1 个答案: