我使用名为Darkroom.js的插件来裁剪图像。问题在于,如果所选图像的质量良好,则插件会缓慢运行。
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#seite6_vorschau').attr('src', e.target.result);
darkroomcrop();
}
reader.readAsDataURL(input.files[0]);
}
}
//--Eventlistener--//
$("#seite6_imageinput").change(function() {
readURL(this);
});
当用户选择图像时,Eventlistener启动函数readURL,此函数为HTML img-tag提供所选图像。然后这个函数启动我的裁剪功能Darkroom.js。此函数处理img-tag的图像。现在我希望readURL函数始终以给定大小缩放图像(例如:300px高度和宽度自动),然后将图像提供给HTML img-tag。然后插件可以快速而平稳地工作。
我该怎么做?