Wie kann ich ein Bild vom Flashen-Server an die JavaScript-Anzeige im Frontend senden?

Ich Capture ein Bild über Webcam mit opencv (Python 2.7) in meinem Kolben-Anwendung.Ich möchte dieses Bild an den Client im Frontend anzuzeigen, um Koordinaten des Bildes auf Mausklick zu erhalten.Wie kann ich die Funktionen zum Senden und Empfangen schreiben das Bild über Flasche und Javascript jeweils.Wie kann ich ein Bild vom Flashen-Server an die JavaScript-Anzeige im Frontend senden?

Kolben Servercode:

from flask import Flask,render_template 
import cv2 

app = Flask(__name__) 

@app.route('/') 
def capture_image(self): 
    self.cam = cv2.VideoCapture(0) 
    self.img = self.cam.read() 
    self.cam.release() 
    render_template(index.html,ob=self.img) 

@app.route('/index') 
#display image in html 

if __name__=='__main__': 
    app.run()

JavaScript-Code:

<html> 
<head> 
<title> image </title> 
</head> 
<body> 
<img src = "{{ url_for('imagefield') }}"> 
</body> 
</html>

Quelle

2016-06-25 Aishwarya Bhave

Mein Vorschlag ist, das Bild mit imwrite in "static/filename.jpg" zu speichern. Senden Sie dann die URL und nicht das tatsächliche Bild und lassen Sie Ihr div, das die Bilddatei verwendet, neu laden. Ich habe das ganze Bild gesendet und es dauerte ungefähr 10 Sekunden, um zu laden, wenn ich auf POSTMAN nachschlage, aber es lud überhaupt nicht im Browser auf. Wenn Sie auf das Senden der Datei bestehen, finden Sie in flask return image created from database

Ich bin so etwas wie dies zu tun:

flask: 
return jsonify({'image_url': imgPath}) 

part of ajax request: 
success: function (data) { 
     console.log(data); 
     $('#myimg').html('<img class="img-responsive" src="'+data.image_url+'"/>'); 
    }

Hoffnung, das hilft.

Quelle

2016-10-28 14:41:53 matchifang

Wie kann ich ein Bild vom Flashen-Server an die JavaScript-Anzeige im Frontend senden?

Antwort

Verwandte Themen