3

私は現在、ここからのこの画像のアップロードに取り組んでいます。3つの個別の画像アップロード入力を使用する代わりに、最大4つのリクエストを受け取る1つだけを使用する方法はありますか？

<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>
4

1 に答える 1

1

IE を気にしない場合は、複数ファイル入力を使用して、ユーザーが 4 つ以下のファイルを選択できるようにすることができます。1 つのファイルのみを取得する 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) ) { ... }
于 2012-07-03T01:08:44.180 に答える