Danke für das Sternchen. Als kleine Gegenleistung:
Hier ist meine DemoWOW wie machst du es, dass die Bilder immer gut aussehen?
In der Demo wird diesbezüglich gar nichts gemacht. Du könntest mit
imgobj.naturalWidth
imgobj.naturalHeight
das eingefügte Image abfragen und entsprechende Attribute ins DOM setzen.
JPEG, PNG usw. ergeben am Dateianfang eine Magic-Number, so kannst Du auch das abfragen über den ArrayBuffer und ein entsprechendes DataView.
Es reichen auch 2 Bytes:
if(number_1 == 255 && number_2 == 216){ type = 'jpeg' }
else if(number_1 == 137 && number_2 == 80){ type = 'png' }
Egal ob ich ein Quer bzw. Hochkanntbild nehme. Jetzt müsste man noch ein Schritt weiter gehen und zwar dass man dem User die Möglichkeit gibt, ein Bildausschnitt zu wählen, die Breite passt aber die Höhe, meine Bilder haben alle ein Format von 310px × 310px.
JCrop und canvas
Aber das ist auch für mich noch ein Stück Arbeit. Machbar ist es.