Flask-Adminで複数の画像をアップロード

Question

fileadminに複数のファイルをアップロードさせようとしていますが、その方法を理解できません。

現在、以下の参考文献では、一度に1つのファイルしかアップロードできません。

https://github.com/flask-admin/flask-admin/blob/master/examples/file/app.py

私は「=複数持つようにHTMLテンプレートを更新しようとした」が、それは、複数のファイルをアップロードするために役立っていませんでした。さらに

"" =私はこのhtmlファイルが複数持つことが必要だと思います。このへ

Python27 \ Libの\サイト・パッケージを探して

---

\ flask_admin \テンプレート\ bootstrap3 \ adminC：\ Python27 \ Libの\部位特異的packages \ flask_admin \ templates \ bootstrap3 \ admin \ lib.html

実際にソースファイルを上書きせずにこのタグを追加する方法はわかりませんが、

Answer 1

ImageUploadInputおよびImageUploadFieldは、次のように指定する必要があります。

import ast 
from PIL import Image 
from wtforms.widgets import html_params, HTMLString 
from wtforms.utils import unset_value 
from flask_admin.helpers import get_url 
from flask_admin.form.upload import ImageUploadField 
from flask_admin._compat import string_types, urljoin 

class MultipleImageUploadInput(object): 
    empty_template = "<input %(file)s multiple>" 

    # display multiple images in edit view of flask-admin 
    data_template = ("<div class='image-thumbnail'>" 
        " %(images)s" 
        "</div>" 
        "<input %(file)s multiple>") 

    def __call__(self, field, **kwargs): 

     kwargs.setdefault("id", field.id) 
     kwargs.setdefault("name", field.name) 

     args = { 
      "file": html_params(type="file", **kwargs), 
     } 

     if field.data and isinstance(field.data, string_types): 

      attributes = self.get_attributes(field) 

      args["images"] = "&emsp;".join(["<img src='{}' /><input type='checkbox' name='{}-delete'>Delete</input>" 
              .format(src, filename) for src, filename in attributes]) 

      template = self.data_template 

     else: 
      template = self.empty_template 

     return HTMLString(template % args) 

    def get_attributes(self, field): 

     for item in ast.literal_eval(field.data): 

      filename = item 

      if field.thumbnail_size: 
       filename = field.thumbnail_size(filename) 

      if field.url_relative_path: 
       filename = urljoin(field.url_relative_path, filename) 

      yield get_url(field.endpoint, filename=filename), item 

class MultipleImageUploadField(ImageUploadField): 

    widget = MultipleImageUploadInput() 

    def process(self, formdata, data=unset_value): 

     self.formdata = formdata # get the formdata to delete images 
     return super(MultipleImageUploadField, self).process(formdata, data) 

    def process_formdata(self, valuelist): 

     self.data = list() 

     for value in valuelist: 
      if self._is_uploaded_file(value): 
       self.data.append(value) 

    def populate_obj(self, obj, name): 

     field = getattr(obj, name, None) 

     if field: 

      filenames = ast.literal_eval(field) 

      for filename in filenames[:]: 
       if filename + "-delete" in self.formdata: 
        self._delete_file(filename) 
        filenames.remove(filename) 
     else: 
      filenames = list() 

     for data in self.data: 
      if self._is_uploaded_file(data): 

       self.image = Image.open(data) 

       filename = self.generate_name(obj, data) 
       filename = self._save_file(data, filename) 

       data.filename = filename 

       filenames.append(filename) 

     setattr(obj, name, str(filenames)) 

その後、あなたは

class ModelHasMultipleImages(db.Model): 

    id = db.Column(db.Integer(), primary_key=1) 

    # len of str representation of filename lists may exceed the len of field 

    image = db.Column(db.String(128)) 

class ModelViewHasMultipleImages(ModelView): 

    def _list_thumbnail(view, context, model, name): 

     if not model.image: 
      return '' 

     def gen_img(filename): 
      return '<img src="{}">'.format(url_for('static', 
        filename="images/custom/" + form.thumbgen_filename(image))) 

     return Markup("<br />".join([gen_img(image) for image in ast.literal_eval(model.image)])) 

    column_formatters = {'image': _list_thumbnail} 

    form_extra_fields = {'image': MultipleImageUploadField("Images", 
            base_path="app/static/images/custom", 
            url_relative_path="images/custom/", 
            thumbnail_size=(400, 300, 1))} 

ModelHasMultipleImagesストアSTRの提出画像は、ファイル名のリストを表すフラスコ-adminに例をアップロード画像としてそれらを使用することができます。