.. DO NOT EDIT.
.. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY.
.. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE:
.. "tutorial/09_trame/f_trame_open_file.py"
.. LINE NUMBERS ARE GIVEN BELOW.

.. only:: html

    .. note::
        :class: sphx-glr-download-link-note

        :ref:`Go to the end <sphx_glr_download_tutorial_09_trame_f_trame_open_file.py>`
        to download the full example code or to run this example in your browser via Binder

.. rst-class:: sphx-glr-example-title

.. _sphx_glr_tutorial_09_trame_f_trame_open_file.py:


Open Mesh File
~~~~~~~~~~~~~~

An example of opening a mesh file from the browser and viewing it with PyVista.

.. GENERATED FROM PYTHON SOURCE LINES 8-69

.. code-block:: Python


    import tempfile

    import pyvista as pv
    from pyvista.trame.ui import plotter_ui
    from trame.app import get_server
    from trame.app.file_upload import ClientFile
    from trame.ui.vuetify3 import SinglePageLayout
    from trame.widgets import vuetify3

    pv.OFF_SCREEN = True

    server = get_server()
    state, ctrl = server.state, server.controller

    pl = pv.Plotter()


    @server.state.change("file_exchange")
    def handle(file_exchange, **kwargs):
        file = ClientFile(file_exchange)

        if file.content:
            print(file.info)
            bytes = file.content
            with tempfile.NamedTemporaryFile(suffix=file.name) as path:
                with open(path.name, 'wb') as f:
                    f.write(bytes)
                ds = pv.read(path.name)
            pl.add_mesh(ds, name=file.name)
            pl.reset_camera()
        else:
            pl.clear_actors()
            pl.reset_camera()


    with SinglePageLayout(server) as layout:
        with layout.toolbar:
            vuetify3.VSpacer()
            vuetify3.VFileInput(
                show_size=True,
                small_chips=True,
                truncate_length=25,
                v_model=("file_exchange", None),
                density="compact",
                hide_details=True,
                style="max-width: 300px;",
            )
            vuetify3.VProgressLinear(
                indeterminate=True, absolute=True, bottom=True, active=("trame__busy",)
            )

        with layout.content:
            with vuetify3.VContainer(
                fluid=True, classes="pa-0 fill-height", style="position: relative;"
            ):
                view = plotter_ui(pl)
                ctrl.view_update = view.update

    server.start()


.. GENERATED FROM PYTHON SOURCE LINES 70-77

.. raw:: html

    <center>
      <a target="_blank" href="https://colab.research.google.com/github/pyvista/pyvista-tutorial/blob/gh-pages/notebooks/tutorial/09_trame/f_trame_open_file.ipynb">
        <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/ width="150px">
      </a>
    </center>


.. _sphx_glr_download_tutorial_09_trame_f_trame_open_file.py:

.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-example

    .. container:: binder-badge

      .. image:: images/binder_badge_logo.svg
        :target: https://mybinder.org/v2/gh/pyvista/pyvista-tutorial/gh-pages?urlpath=lab/tree/notebooks/tutorial/09_trame/f_trame_open_file.ipynb
        :alt: Launch binder
        :width: 150 px

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download Jupyter notebook: f_trame_open_file.ipynb <f_trame_open_file.ipynb>`

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download Python source code: f_trame_open_file.py <f_trame_open_file.py>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_