154 lines
4.4 KiB
JavaScript
154 lines
4.4 KiB
JavaScript
/*!
|
|
* FilePondPluginImageExifOrientation 1.0.11
|
|
* Licensed under MIT, https://opensource.org/licenses/MIT/
|
|
* Please visit https://pqina.nl/filepond/ for details.
|
|
*/
|
|
|
|
/* eslint-disable */
|
|
|
|
// test if file is of type image
|
|
const isJPEG = file => /^image\/jpeg/.test(file.type);
|
|
|
|
const Marker = {
|
|
JPEG: 0xffd8,
|
|
APP1: 0xffe1,
|
|
EXIF: 0x45786966,
|
|
TIFF: 0x4949,
|
|
Orientation: 0x0112,
|
|
Unknown: 0xff00
|
|
};
|
|
|
|
const getUint16 = (view, offset, little = false) =>
|
|
view.getUint16(offset, little);
|
|
const getUint32 = (view, offset, little = false) =>
|
|
view.getUint32(offset, little);
|
|
|
|
const getImageOrientation = file =>
|
|
new Promise((resolve, reject) => {
|
|
const reader = new FileReader();
|
|
reader.onload = function(e) {
|
|
const view = new DataView(e.target.result);
|
|
|
|
// Every JPEG file starts from binary value '0xFFD8'
|
|
if (getUint16(view, 0) !== Marker.JPEG) {
|
|
// This aint no JPEG
|
|
resolve(-1);
|
|
return;
|
|
}
|
|
|
|
const length = view.byteLength;
|
|
let offset = 2;
|
|
|
|
while (offset < length) {
|
|
const marker = getUint16(view, offset);
|
|
offset += 2;
|
|
|
|
// There's our APP1 Marker
|
|
if (marker === Marker.APP1) {
|
|
if (getUint32(view, (offset += 2)) !== Marker.EXIF) {
|
|
// no EXIF info defined
|
|
break;
|
|
}
|
|
|
|
// Get TIFF Header
|
|
const little = getUint16(view, (offset += 6)) === Marker.TIFF;
|
|
offset += getUint32(view, offset + 4, little);
|
|
|
|
const tags = getUint16(view, offset, little);
|
|
offset += 2;
|
|
|
|
for (let i = 0; i < tags; i++) {
|
|
// found the orientation tag
|
|
if (
|
|
getUint16(view, offset + i * 12, little) === Marker.Orientation
|
|
) {
|
|
resolve(getUint16(view, offset + i * 12 + 8, little));
|
|
return;
|
|
}
|
|
}
|
|
} else if ((marker & Marker.Unknown) !== Marker.Unknown) {
|
|
// Invalid
|
|
break;
|
|
} else {
|
|
offset += getUint16(view, offset);
|
|
}
|
|
}
|
|
|
|
// Nothing found
|
|
resolve(-1);
|
|
};
|
|
|
|
// we don't need to read the entire file to get the orientation
|
|
reader.readAsArrayBuffer(file.slice(0, 64 * 1024));
|
|
});
|
|
|
|
const IS_BROWSER = (() =>
|
|
typeof window !== 'undefined' && typeof window.document !== 'undefined')();
|
|
const isBrowser = () => IS_BROWSER;
|
|
|
|
// 2x1 pixel image 90CW rotated with orientation header
|
|
const testSrc =
|
|
'data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QA6RXhpZgAATU0AKgAAAAgAAwESAAMAAAABAAYAAAEoAAMAAAABAAIAAAITAAMAAAABAAEAAAAAAAD/2wBDAP//////////////////////////////////////////////////////////////////////////////////////wAALCAABAAIBASIA/8QAJgABAAAAAAAAAAAAAAAAAAAAAxABAAAAAAAAAAAAAAAAAAAAAP/aAAgBAQAAPwBH/9k=';
|
|
|
|
// should correct orientation if is presented in landscape, in which case the browser doesn't autocorrect
|
|
let shouldCorrect = undefined;
|
|
const testImage = isBrowser() ? new Image() : {};
|
|
testImage.onload = () =>
|
|
(shouldCorrect = testImage.naturalWidth > testImage.naturalHeight);
|
|
testImage.src = testSrc;
|
|
|
|
const shouldCorrectImageExifOrientation = () => shouldCorrect;
|
|
|
|
/**
|
|
* Read Image Orientation Plugin
|
|
*/
|
|
const plugin = ({ addFilter, utils }) => {
|
|
const { Type, isFile } = utils;
|
|
|
|
// subscribe to file load and append required info
|
|
addFilter(
|
|
'DID_LOAD_ITEM',
|
|
(item, { query }) =>
|
|
new Promise((resolve, reject) => {
|
|
// get file reference
|
|
const file = item.file;
|
|
|
|
// if this is not a jpeg image we are not interested
|
|
if (
|
|
!isFile(file) ||
|
|
!isJPEG(file) ||
|
|
!query('GET_ALLOW_IMAGE_EXIF_ORIENTATION') ||
|
|
!shouldCorrectImageExifOrientation()
|
|
) {
|
|
// continue with the unaltered dataset
|
|
return resolve(item);
|
|
}
|
|
|
|
// get orientation from exif data
|
|
getImageOrientation(file).then(orientation => {
|
|
item.setMetadata('exif', { orientation });
|
|
resolve(item);
|
|
});
|
|
})
|
|
);
|
|
|
|
// Expose plugin options
|
|
return {
|
|
options: {
|
|
// Enable or disable image orientation reading
|
|
allowImageExifOrientation: [true, Type.BOOLEAN]
|
|
}
|
|
};
|
|
};
|
|
|
|
// fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags
|
|
const isBrowser$1 =
|
|
typeof window !== 'undefined' && typeof window.document !== 'undefined';
|
|
if (isBrowser$1) {
|
|
document.dispatchEvent(
|
|
new CustomEvent('FilePond:pluginloaded', { detail: plugin })
|
|
);
|
|
}
|
|
|
|
export default plugin;
|