Я использую Plupload 2.1.9, ядро API Я показываю предварительный просмотр изображения перед загрузкой, некоторые изображения отображаются с ног на голову или вбокPlupload изображение предварительного просмотра отображается вверх ногами или боком при загрузке изображений с мобильного
Я сделал много прибегая к помощи о проблеме, с StackOverflow на GitHub ... форумах, получил не где
Так я сделал тест в разделе примеров на веб-сайте plupload в UI Widget, то же самое выпуск
Plupload Example on the plupload website (UI Widget)
Если попробовать демо со своего мобильного телефона, вы заметите, что изображение предварительного просмотра не отображается в правильной ориентации
Я хотел бы отметить, что в моем приложении, даже то, что предварительный просмотр появляется с ног на голову, После загрузки, он загружен с правильной ориентацией (так как я установил preserve_headers: ложное в опциях plupload)
Preview before upload on my website
Изображение, которые появляются в неправильной ориентации, являются с мобильным телефона, изменением размером их на компьютер, отлично работает.
Некоторые исследования упоминали о данных EXIF в изображении, но у меня сейчас где
Вот пример моего кода:
uploader.bind('FilesAdded', function(up, files) {
//maximum number of allowed files to add
max_files = 5 - nb_images;
if (up.files.length > max_files) {
up.splice(max_files);
}
$.each(files, function(i, file){
img = new mOxie.Image();
img.onload = function() {
thumb_wrapper = $('<div/>', { class: 'thumbnail pull-left', id: file.id }).appendTo('#files');
$("#files .thumbnail").css("position", "relative");
this.crop({
width: 120,
height: 120,
preserveHeaders: true
});
this.embed(thumb_wrapper.get(0), {
/*width: 120,
height: 120,*/
crop: true
});
//initialize the remove button
removeBtn = "<a href='javascript:void(0)' class='img-del' style='background: #CC0000; color: #FFF; width: 25px; height:25px; position:absolute; right:4px; padding-top: 3px;'>";
removeBtn = removeBtn + "<strong>X</strong>";
removeBtn = removeBtn + "</a>";
$("#" + file.id).append(removeBtn);
};
img.onembedded = function() {
this.destroy();
};
img.onerror = function() {
this.destroy();
};
img.load(this.getSource());
});
});Изменение preserveHeaders к ложным , не будет иметь значения
Любая помощь была бы принята с благодарностью