Memasukkan gambar ke dalam penurunan harga notebook IPython

Saya mulai sangat bergantung pada aplikasi notebook IPython untuk mengembangkan dan mendokumentasikan algoritma. Itu luar biasa; tetapi ada sesuatu yang tampaknya harus dilakukan, tetapi saya tidak tahu bagaimana melakukannya:

Saya ingin memasukkan gambar lokal ke dalam markdown notebook IPython (lokal) saya untuk membantu dalam mendokumentasikan suatu algoritma. Saya cukup tahu untuk menambahkan sesuatu seperti <img src="image.png">penurunan harga, tapi itu sejauh pengetahuan saya. Saya berasumsi saya bisa meletakkan gambar di direktori yang diwakili oleh 127.0.0.1:8888 (atau beberapa subdirektori) untuk dapat mengaksesnya, tapi saya tidak tahu di mana direktori itu berada. (Saya sedang mengerjakan mac.) Jadi, apakah mungkin untuk melakukan apa yang saya coba lakukan tanpa terlalu banyak kesulitan?

File di dalam buku catatan notebook tersedia di bawah url "file /". Jadi jika itu di jalur dasar, itu akan menjadi <img src="files/image.png">, dan subdirs dll juga tersedia:, dll <img src="files/subdir/image.png">.

Pembaruan : dimulai dengan IPython 2.0, files/awalan tidak lagi diperlukan (lih. Catatan rilis ). Jadi sekarang solusinya <img src="image.png">hanya berfungsi seperti yang diharapkan.

Sebagian besar jawaban yang diberikan sejauh ini menuju ke arah yang salah, menyarankan untuk memuat pustaka tambahan dan menggunakan kode alih-alih markup. Dalam Ipython / Jupyter Notebooks sangat sederhana. Pastikan sel memang dalam markup dan untuk menampilkan penggunaan gambar:

![alt text](imagename.png "Title")

Keuntungan lebih lanjut dibandingkan dengan metode lain yang diusulkan adalah bahwa Anda dapat menampilkan semua format file umum termasuk jpg, png, dan gif (animasi).

Saya menggunakan ipython 2.0, jadi hanya dua baris.

from IPython.display import Image
Image(filename='output1.png')

[Usang]

IPython / Jupyter sekarang memiliki dukungan untuk modul ekstensi yang dapat menyisipkan gambar melalui salin dan tempel atau seret & lepas.

https://github.com/ipython-contrib/IPython-notebook-extensions

Ekstensi drag & drop tampaknya berfungsi di sebagian besar browser

https://github.com/ipython-contrib/IPython-notebook-extensions/tree/master/nbextensions/usability/dragdrop

Tetapi salin dan tempel hanya berfungsi di Chrome.

Memasukkan gambar ke Jupyter NB adalah operasi yang jauh lebih sederhana daripada yang disinggung kebanyakan orang di sini.

1) Cukup buat sel Markdown kosong. 2) Kemudian seret-dan-jatuhkan file gambar ke dalam sel Markdown yang kosong.

Kode Penurunan harga yang akan menyisipkan gambar kemudian muncul.

Misalnya, string yang ditampilkan disorot dengan warna abu-abu di bawah ini akan muncul di sel Jupyter:

![Venus_flytrap_taxonomy.jpg](attachment:Venus_flytrap_taxonomy.jpg)

3) Kemudian jalankan sel Markdown dengan menekan Shift-Enter. Server Jupyter kemudian akan menyisipkan gambar, dan gambar kemudian akan muncul.

Saya menjalankan server notebook Jupyter adalah: 5.7.4 dengan Python 3.7.0 pada Windows 7.

Ini sangat sederhana !!

Saya meletakkan notebook IPython di folder yang sama dengan gambar. Saya menggunakan Windows. Nama gambar adalah "phuong huong xac dinh.PNG".

Dalam Penurunan Harga:

<img src="phuong huong xac dinh.PNG">

Kode:

from IPython.display import Image
Image(filename='phuong huong xac dinh.PNG')

Pertama, pastikan Anda berada dalam model edit penurunan harga di sel notebook ipython

Ini adalah cara alternatif untuk metode yang diusulkan oleh orang lain <img src="myimage.png">:

![title](img/picture.png)

Tampaknya juga berfungsi jika judulnya hilang:

![](img/picture.png)

Perhatikan tidak ada kutipan di jalur. Tidak yakin apakah ini berfungsi untuk jalur dengan spasi putih!

Versi terakhir notebook jupyter menerima salinan / tempel gambar secara asli

Jika Anda ingin menampilkan gambar dalam sel Penurunan harga maka gunakan:

<img src="files/image.png" width="800" height="400">

Jika Anda ingin menampilkan gambar dalam sel Kode maka gunakan:

from IPython.display import Image
Image(filename='output1.png',width=800, height=400)

Ubah blok default dari "Kode" ke "Penurunan Harga" sebelum menjalankan kode ini:

![<caption>](image_filename.png)

Jika file gambar ada di folder lain, Anda dapat melakukan hal berikut:

![<caption>](folder/image_filename.png)

Bagi mereka yang mencari di mana menempatkan file gambar pada mesin Jupyter sehingga dapat ditunjukkan dari sistem file lokal.

Saya memasukkan mypic.pngke dalam

/root/Images/mypic.png

(yaitu folder Gambar yang muncul di browser file online Jupyter)

Dalam hal ini saya perlu meletakkan baris berikut ke dalam sel Markdown untuk membuat foto saya muncul di notepad:

![My Title](Images/mypic.png)

Jawaban minrk benar.

Namun, saya menemukan bahwa gambar tampak rusak di Print View (pada mesin Windows saya menjalankan distribusi Anaconda IPython versi 0.13.2 di browser Chrome)

Solusi untuk ini adalah menggunakan <img src="../files/image.png"> sebagai gantinya.

Ini membuat gambar muncul dengan benar di Print View dan tampilan pengeditan normal iPython.

UPDATE: pada saat saya upgrade ke iPython v1.1.0 tidak perlu lagi untuk solusi ini karena tampilan cetak sudah tidak ada lagi. Bahkan, Anda harus menghindari solusi ini karena mencegah alat nbconvert menemukan file.

Anda dapat menemukan direktori kerja Anda saat ini dengan perintah 'pwd' di jupyter notebook tanpa tanda kutip.