2012-04-15 3 views
0

Ich habe eine Homepage, wo ein Benutzer kann ein Bild von ihrem Computer hochladen und eine Vorschau auf meiner Homepage, Problem ist nur, dass das Hochladen von Bildern> 0,5 MB dauert 10+ Sekunden. Ich kopiert/eingefügt alles von hier (mein html ist genau so)Javascript Filereader lags von meiner Homepage aber nicht auf Jsbin

http://jsbin.com/uboqu3/edit#javascript,html,live

die jsbin Beispiel lädt sehr schnell, während Mine für 10 + Sekunden non-responsive remaines.

Hat jemand anderes eine lange Ladezeit bei der Verwendung von Javascript FileReader() erlebt? Irgendwelche Ideen, warum meine Homepage den Upload so düster behandelt?

Dank

+0

Was ist Ihre Seite? –

+0

@ChrisMorgan http://64.71.143.174/persona/ –

+0

Jetzt haben Sie es geändert ... von dem, was es war, aber ich würde dringend empfehlen, dass Sie einen Blick darauf werfen, wie es sich in Firefox anfühlt. Ihre Technik der Maskierung der Dateieingabe funktioniert dort nicht sehr gut. Ich bin mir wegen anderer Browser nicht sicher, weil Sie es geändert haben. –

Antwort

0

Ich denke, das Hauptproblem $('#image').attr('src',longlonglonglongdataurl); vor allem für große Bilder wurde so eingestellt wird, sobald ich das Bild auf ein Javascript-Variable geladen und für die .onload hörte(), zog ich das Bild auf eine Leinwand und es abgeschnitten zu der exakten Dimension, in der ich es brauchte (die Datenlänge verringernd).

funktioniert für mich, hoffe das hilft anderen

Verwandte Themen