Search code examples
pythonpython-3.xbottle

Why bottle can not display local image?

I'm a beginner.I want to use bottle to show a picture.In fact,I save picture first.

Then I want to show the picture in div.But when I use my code to do it.

The error message is "GET http://localhost:8081/test.jpg 404 (Not Found)"

My project structure：

--testBottle.py

--test.jpg

Code in testBottle.py:

# -*- coding:  utf-8 -*-
import bottle
import pandas as pd
from matplotlib import pyplot as plt
import numpy as np
from scipy import optimize as opt


def generate(code, year,week):
    kion = pd.read_csv(r'D:/a.csv')
    kion.head()
    Px = np.arange(0, len(kion), 1)
    Py = kion['temp']
    plt.plot(Px, Py)
    res = opt.curve_fit(fit_func, Px, Py)
    a = res[0][0]
    b = res[0][1]
    c = res[0][2]
    d = res[0][3]
    print("a = %s" % a)
    print("b = %s" % b)
    print("c = %s" % c)
    print("d = %s" % d)
    Px2 = []
    for x in Px:
        Px2.append(a * x ** 3 + b * x ** 2 + c * x + d)
    plt.plot(Px, Py)
    plt.plot(Px, np.array(Px2))
    plt.savefig('test.jpg')
    bottle.redirect('/show')


def fit_func(x, a, b, c, d):
    return a * x ** 3 + b * x ** 2 + c * x + d


@bottle.route('/show')
def index():
    return '''  <div id="container" style="height: 200px; width:200px">
                <img src="/test.jpg"  alt="error" />
                </div>
            '''


@bottle.route('/index')
def index():
    return ''' <form action="/generate" method="post">
                 enployeeCode: <input name="enployeeCode" type="text" /><br/>
                 reportYear: <input name="reportYear" type="text" /><br/>
                 reportWeek: <input name="reportWeek" type="text" /><br/>
                 <input value="generate" type="submit">
               </form>
            '''


@bottle.route('/generate', method='POST')
def get_para():
    enployeeCode = bottle.request.POST.get('enployeeCode')
    reportYear = bottle.request.POST.get('reportYear')
    reportWeek = bottle.request.POST.get('reportWeek')
    if enployeeCode and reportYear and reportWeek:
        generate(enployeeCode, reportYear,reportWeek)

bottle.run(host='localhost', port=8081)

I enter this in URL:http://localhost:8081/index enter image description here

Then I click the button. enter image description here

Even I change the picture path to absolute path like this:

<img src="E://test//test.jpg"  alt="error" />

Can not display either.

Solution

  • I know how to do it.

    Modify code like this:

    Code in testBottle.py:

    # -*- coding:  utf-8 -*-
import bottle
import pandas as pd
from matplotlib import pyplot as plt
import numpy as np
from scipy import optimize as opt
import os


def generate(code, year, week):
    kion = pd.read_csv(r'D:/a.csv')
    kion.head()
    Px = np.arange(0, len(kion), 1)
    Py = kion['temp']
    plt.plot(Px, Py)
    res = opt.curve_fit(fit_func, Px, Py)
    a = res[0][0]
    b = res[0][1]
    c = res[0][2]
    d = res[0][3]
    # print("a = %s" % a)
    # print("b = %s" % b)
    # print("c = %s" % c)
    # print("d = %s" % d)
    Px2 = []
    for x in Px:
        Px2.append(a * x ** 3 + b * x ** 2 + c * x + d)
    plt.plot(Px, Py)
    plt.plot(Px, np.array(Px2))
    plt.savefig('./image/test.jpg')
    bottle.redirect('/show'+'test')


def fit_func(x, a, b, c, d):
    return a * x ** 3 + b * x ** 2 + c * x + d


@bottle.route('/show<name>')
def server_static(name):
    return bottle.static_file(name+'.jpg', root='./image')


@bottle.route('/index')
def index():
    # currentPath = os.path.dirname(__file__)
    # return bottle.template(currentPath+r'/html/index.html')
    return bottle.template('./html/index.html')

@bottle.route('/css/<filename>')
def server_static(filename):
    return bottle.static_file(filename, root='./css')

@bottle.route('/js/<filename>')
def server_static(filename):
    return bottle.static_file(filename, root='./js')

@bottle.route('/fonts/<filename>')
def server_static(filename):
    return bottle.static_file(filename, root='./fonts')

@bottle.route('/image/<filename>')
def server_static(filename):
    return bottle.static_file(filename, root='./image')

# @bottle.route('/locales/<filename>')
# def server_static(filename):
#     return bottle.static_file(filename, root='./locales')

@bottle.route('/generate', method='POST')
def get_para():
    employeeCode = bottle.request.POST.get('employeeCode')
    reportYear = bottle.request.POST.get('reportYear')
    reportWeek = bottle.request.POST.get('reportWeek')
    print("employeeCode:"+str(employeeCode))
    print("reportYear:" +str(reportYear))
    print("reportWeek:" + str(reportWeek))
    if employeeCode and reportYear and reportWeek:
        generate(employeeCode, reportYear,reportWeek)
        return "sucess"
    else:
        return "fail"

@bottle.error(404)
def error404(error):
    return 'Nothing here, sorry'

bottle.run(host='localhost', port=8081)

    Code in index.html:

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/jquery-ui.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/jquery-ui.js"></script>
    <script src="../js/bootstrap.min.js"></script>

</head>
<body>
<form action="/generate" method="post">
    enployeeCode: <input name="employeeCode" type="text" /><br/>
    reportYear: <input name="reportYear" type="text" /><br/>
    reportWeek: <input name="reportWeek" type="text" /><br/>
    <input value="generate" type="submit">
</form>
</body>
</html>