',
+
+ options: {
+ classes: {},
+ disabled: false,
+
+ // Callbacks
+ create: null
+ },
+
+ _createWidget: function (options, element) {
+ element = $(element || this.defaultElement || this)[0];
+ this.element = $(element);
+ this.uuid = widgetUuid++;
+ this.eventNamespace = '.' + this.widgetName + this.uuid;
+
+ this.bindings = $();
+ this.hoverable = $();
+ this.focusable = $();
+ this.classesElementLookup = {};
+
+ if (element !== this) {
+ $.data(element, this.widgetFullName, this);
+ this._on(true, this.element, {
+ remove: function (event) {
+ if (event.target === element) {
+ this.destroy();
+ }
+ }
+ });
+ this.document = $(
+ element.style
+ ? // Element within the document
+ element.ownerDocument
+ : // Element is window or document
+ element.document || element
+ );
+ this.window = $(
+ this.document[0].defaultView || this.document[0].parentWindow
+ );
+ }
+
+ this.options = $.widget.extend(
+ {},
+ this.options,
+ this._getCreateOptions(),
+ options
+ );
+
+ this._create();
+
+ if (this.options.disabled) {
+ this._setOptionDisabled(this.options.disabled);
+ }
+
+ this._trigger('create', null, this._getCreateEventData());
+ this._init();
+ },
+
+ _getCreateOptions: function () {
+ return {};
+ },
+
+ _getCreateEventData: $.noop,
+
+ _create: $.noop,
+
+ _init: $.noop,
+
+ destroy: function () {
+ var that = this;
+
+ this._destroy();
+ $.each(this.classesElementLookup, function (key, value) {
+ that._removeClass(value, key);
+ });
+
+ // We can probably remove the unbind calls in 2.0
+ // all event bindings should go through this._on()
+ this.element.off(this.eventNamespace).removeData(this.widgetFullName);
+ this.widget().off(this.eventNamespace).removeAttr('aria-disabled');
+
+ // Clean up events and states
+ this.bindings.off(this.eventNamespace);
+ },
+
+ _destroy: $.noop,
+
+ widget: function () {
+ return this.element;
+ },
+
+ option: function (key, value) {
+ var options = key;
+ var parts;
+ var curOption;
+ var i;
+
+ if (arguments.length === 0) {
+ // Don't return a reference to the internal hash
+ return $.widget.extend({}, this.options);
+ }
+
+ if (typeof key === 'string') {
+ // Handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
+ options = {};
+ parts = key.split('.');
+ key = parts.shift();
+ if (parts.length) {
+ curOption = options[key] = $.widget.extend({}, this.options[key]);
+ for (i = 0; i < parts.length - 1; i++) {
+ curOption[parts[i]] = curOption[parts[i]] || {};
+ curOption = curOption[parts[i]];
+ }
+ key = parts.pop();
+ if (arguments.length === 1) {
+ return curOption[key] === undefined ? null : curOption[key];
+ }
+ curOption[key] = value;
+ } else {
+ if (arguments.length === 1) {
+ return this.options[key] === undefined ? null : this.options[key];
+ }
+ options[key] = value;
+ }
+ }
+
+ this._setOptions(options);
+
+ return this;
+ },
+
+ _setOptions: function (options) {
+ var key;
+
+ for (key in options) {
+ this._setOption(key, options[key]);
+ }
+
+ return this;
+ },
+
+ _setOption: function (key, value) {
+ if (key === 'classes') {
+ this._setOptionClasses(value);
+ }
+
+ this.options[key] = value;
+
+ if (key === 'disabled') {
+ this._setOptionDisabled(value);
+ }
+
+ return this;
+ },
+
+ _setOptionClasses: function (value) {
+ var classKey, elements, currentElements;
+
+ for (classKey in value) {
+ currentElements = this.classesElementLookup[classKey];
+ if (
+ value[classKey] === this.options.classes[classKey] ||
+ !currentElements ||
+ !currentElements.length
+ ) {
+ continue;
+ }
+
+ // We are doing this to create a new jQuery object because the _removeClass() call
+ // on the next line is going to destroy the reference to the current elements being
+ // tracked. We need to save a copy of this collection so that we can add the new classes
+ // below.
+ elements = $(currentElements.get());
+ this._removeClass(currentElements, classKey);
+
+ // We don't use _addClass() here, because that uses this.options.classes
+ // for generating the string of classes. We want to use the value passed in from
+ // _setOption(), this is the new value of the classes option which was passed to
+ // _setOption(). We pass this value directly to _classes().
+ elements.addClass(
+ this._classes({
+ element: elements,
+ keys: classKey,
+ classes: value,
+ add: true
+ })
+ );
+ }
+ },
+
+ _setOptionDisabled: function (value) {
+ this._toggleClass(
+ this.widget(),
+ this.widgetFullName + '-disabled',
+ null,
+ !!value
+ );
+
+ // If the widget is becoming disabled, then nothing is interactive
+ if (value) {
+ this._removeClass(this.hoverable, null, 'ui-state-hover');
+ this._removeClass(this.focusable, null, 'ui-state-focus');
+ }
+ },
+
+ enable: function () {
+ return this._setOptions({ disabled: false });
+ },
+
+ disable: function () {
+ return this._setOptions({ disabled: true });
+ },
+
+ _classes: function (options) {
+ var full = [];
+ var that = this;
+
+ options = $.extend(
+ {
+ element: this.element,
+ classes: this.options.classes || {}
+ },
+ options
+ );
+
+ function bindRemoveEvent() {
+ options.element.each(function (_, element) {
+ var isTracked = $.map(that.classesElementLookup, function (elements) {
+ return elements;
+ }).some(function (elements) {
+ return elements.is(element);
+ });
+
+ if (!isTracked) {
+ that._on($(element), {
+ remove: '_untrackClassesElement'
+ });
+ }
+ });
+ }
+
+ function processClassString(classes, checkOption) {
+ var current, i;
+ for (i = 0; i < classes.length; i++) {
+ current = that.classesElementLookup[classes[i]] || $();
+ if (options.add) {
+ bindRemoveEvent();
+ current = $(
+ $.uniqueSort(current.get().concat(options.element.get()))
+ );
+ } else {
+ current = $(current.not(options.element).get());
+ }
+ that.classesElementLookup[classes[i]] = current;
+ full.push(classes[i]);
+ if (checkOption && options.classes[classes[i]]) {
+ full.push(options.classes[classes[i]]);
+ }
+ }
+ }
+
+ if (options.keys) {
+ processClassString(options.keys.match(/\S+/g) || [], true);
+ }
+ if (options.extra) {
+ processClassString(options.extra.match(/\S+/g) || []);
+ }
+
+ return full.join(' ');
+ },
+
+ _untrackClassesElement: function (event) {
+ var that = this;
+ $.each(that.classesElementLookup, function (key, value) {
+ if ($.inArray(event.target, value) !== -1) {
+ that.classesElementLookup[key] = $(value.not(event.target).get());
+ }
+ });
+
+ this._off($(event.target));
+ },
+
+ _removeClass: function (element, keys, extra) {
+ return this._toggleClass(element, keys, extra, false);
+ },
+
+ _addClass: function (element, keys, extra) {
+ return this._toggleClass(element, keys, extra, true);
+ },
+
+ _toggleClass: function (element, keys, extra, add) {
+ add = typeof add === 'boolean' ? add : extra;
+ var shift = typeof element === 'string' || element === null,
+ options = {
+ extra: shift ? keys : extra,
+ keys: shift ? element : keys,
+ element: shift ? this.element : element,
+ add: add
+ };
+ options.element.toggleClass(this._classes(options), add);
+ return this;
+ },
+
+ _on: function (suppressDisabledCheck, element, handlers) {
+ var delegateElement;
+ var instance = this;
+
+ // No suppressDisabledCheck flag, shuffle arguments
+ if (typeof suppressDisabledCheck !== 'boolean') {
+ handlers = element;
+ element = suppressDisabledCheck;
+ suppressDisabledCheck = false;
+ }
+
+ // No element argument, shuffle and use this.element
+ if (!handlers) {
+ handlers = element;
+ element = this.element;
+ delegateElement = this.widget();
+ } else {
+ element = delegateElement = $(element);
+ this.bindings = this.bindings.add(element);
+ }
+
+ $.each(handlers, function (event, handler) {
+ function handlerProxy() {
+ // Allow widgets to customize the disabled handling
+ // - disabled as an array instead of boolean
+ // - disabled class as method for disabling individual parts
+ if (
+ !suppressDisabledCheck &&
+ (instance.options.disabled === true ||
+ $(this).hasClass('ui-state-disabled'))
+ ) {
+ return;
+ }
+ return (
+ typeof handler === 'string' ? instance[handler] : handler
+ ).apply(instance, arguments);
+ }
+
+ // Copy the guid so direct unbinding works
+ if (typeof handler !== 'string') {
+ handlerProxy.guid = handler.guid =
+ handler.guid || handlerProxy.guid || $.guid++;
+ }
+
+ var match = event.match(/^([\w:-]*)\s*(.*)$/);
+ var eventName = match[1] + instance.eventNamespace;
+ var selector = match[2];
+
+ if (selector) {
+ delegateElement.on(eventName, selector, handlerProxy);
+ } else {
+ element.on(eventName, handlerProxy);
+ }
+ });
+ },
+
+ _off: function (element, eventName) {
+ eventName =
+ (eventName || '').split(' ').join(this.eventNamespace + ' ') +
+ this.eventNamespace;
+ element.off(eventName);
+
+ // Clear the stack to avoid memory leaks (#10056)
+ this.bindings = $(this.bindings.not(element).get());
+ this.focusable = $(this.focusable.not(element).get());
+ this.hoverable = $(this.hoverable.not(element).get());
+ },
+
+ _delay: function (handler, delay) {
+ var instance = this;
+ function handlerProxy() {
+ return (
+ typeof handler === 'string' ? instance[handler] : handler
+ ).apply(instance, arguments);
+ }
+ return setTimeout(handlerProxy, delay || 0);
+ },
+
+ _hoverable: function (element) {
+ this.hoverable = this.hoverable.add(element);
+ this._on(element, {
+ mouseenter: function (event) {
+ this._addClass($(event.currentTarget), null, 'ui-state-hover');
+ },
+ mouseleave: function (event) {
+ this._removeClass($(event.currentTarget), null, 'ui-state-hover');
+ }
+ });
+ },
+
+ _focusable: function (element) {
+ this.focusable = this.focusable.add(element);
+ this._on(element, {
+ focusin: function (event) {
+ this._addClass($(event.currentTarget), null, 'ui-state-focus');
+ },
+ focusout: function (event) {
+ this._removeClass($(event.currentTarget), null, 'ui-state-focus');
+ }
+ });
+ },
+
+ _trigger: function (type, event, data) {
+ var prop, orig;
+ var callback = this.options[type];
+
+ data = data || {};
+ event = $.Event(event);
+ event.type = (
+ type === this.widgetEventPrefix ? type : this.widgetEventPrefix + type
+ ).toLowerCase();
+
+ // The original event may come from any element
+ // so we need to reset the target on the new event
+ event.target = this.element[0];
+
+ // Copy original event properties over to the new event
+ orig = event.originalEvent;
+ if (orig) {
+ for (prop in orig) {
+ if (!(prop in event)) {
+ event[prop] = orig[prop];
+ }
+ }
+ }
+
+ this.element.trigger(event, data);
+ return !(
+ ($.isFunction(callback) &&
+ callback.apply(this.element[0], [event].concat(data)) === false) ||
+ event.isDefaultPrevented()
+ );
+ }
+ };
+
+ $.each({ show: 'fadeIn', hide: 'fadeOut' }, function (method, defaultEffect) {
+ $.Widget.prototype['_' + method] = function (element, options, callback) {
+ if (typeof options === 'string') {
+ options = { effect: options };
+ }
+
+ var hasOptions;
+ var effectName = !options
+ ? method
+ : options === true || typeof options === 'number'
+ ? defaultEffect
+ : options.effect || defaultEffect;
+
+ options = options || {};
+ if (typeof options === 'number') {
+ options = { duration: options };
+ }
+
+ hasOptions = !$.isEmptyObject(options);
+ options.complete = callback;
+
+ if (options.delay) {
+ element.delay(options.delay);
+ }
+
+ if (hasOptions && $.effects && $.effects.effect[effectName]) {
+ element[method](options);
+ } else if (effectName !== method && element[effectName]) {
+ element[effectName](options.duration, options.easing, callback);
+ } else {
+ element.queue(function (next) {
+ $(this)[method]();
+ if (callback) {
+ callback.call(element[0]);
+ }
+ next();
+ });
+ }
+ };
+ });
+});
diff --git a/public/js/load-image.all.min.js b/public/js/load-image.all.min.js
new file mode 100644
index 00000000..884ef466
--- /dev/null
+++ b/public/js/load-image.all.min.js
@@ -0,0 +1,2 @@
+!function(c){"use strict";var t=c.URL||c.webkitURL;function f(e){return!!t&&t.createObjectURL(e)}function i(e){return!!t&&t.revokeObjectURL(e)}function u(e,t){!e||"blob:"!==e.slice(0,5)||t&&t.noRevoke||i(e)}function d(e,t,i,a){if(!c.FileReader)return!1;var n=new FileReader;n.onload=function(){t.call(n,this.result)},i&&(n.onabort=n.onerror=function(){i.call(n,this.error)});a=n[a||"readAsDataURL"];return a?(a.call(n,e),n):void 0}function g(e,t){return Object.prototype.toString.call(t)==="[object "+e+"]"}function m(s,e,l){function t(i,a){var n,r=document.createElement("img");function o(e,t){i!==a?e instanceof Error?a(e):((t=t||{}).image=e,i(t)):i&&i(e,t)}function e(e,t){t&&c.console&&console.log(t),e&&g("Blob",e)?n=f(s=e):(n=s,l&&l.crossOrigin&&(r.crossOrigin=l.crossOrigin)),r.src=n}return r.onerror=function(e){u(n,l),a&&a.call(r,e)},r.onload=function(){u(n,l);var e={originalWidth:r.naturalWidth||r.width,originalHeight:r.naturalHeight||r.height};try{m.transform(r,l,o,s,e)}catch(t){a&&a(t)}},"string"==typeof s?(m.requiresMetaData(l)?m.fetchBlob(s,e,l):e(),r):g("Blob",s)||g("File",s)?(n=f(s))?(r.src=n,r):d(s,function(e){r.src=e},a):void 0}return c.Promise&&"function"!=typeof e?(l=e,new Promise(t)):t(e,e)}m.requiresMetaData=function(e){return e&&e.meta},m.fetchBlob=function(e,t){t()},m.transform=function(e,t,i,a,n){i(e,n)},m.global=c,m.readFile=d,m.isInstanceOf=g,m.createObjectURL=f,m.revokeObjectURL=i,"function"==typeof define&&define.amd?define(function(){return m}):"object"==typeof module&&module.exports?module.exports=m:c.loadImage=m}("undefined"!=typeof window&&window||this),function(e){"use strict";"function"==typeof define&&define.amd?define(["./load-image"],e):"object"==typeof module&&module.exports?e(require("./load-image")):e(window.loadImage)}(function(E){"use strict";var r=E.transform;E.createCanvas=function(e,t,i){if(i&&E.global.OffscreenCanvas)return new OffscreenCanvas(e,t);i=document.createElement("canvas");return i.width=e,i.height=t,i},E.transform=function(e,t,i,a,n){r.call(E,E.scale(e,t,n),t,i,a,n)},E.transformCoordinates=function(){},E.getTransformedOptions=function(e,t){var i,a,n,r=t.aspectRatio;if(!r)return t;for(a in i={},t)Object.prototype.hasOwnProperty.call(t,a)&&(i[a]=t[a]);return i.crop=!0,r<(n=e.naturalWidth||e.width)/(e=e.naturalHeight||e.height)?(i.maxWidth=e*r,i.maxHeight=e):(i.maxWidth=n,i.maxHeight=n/r),i},E.drawImage=function(e,t,i,a,n,r,o,s,l){t=t.getContext("2d");return!1===l.imageSmoothingEnabled?(t.msImageSmoothingEnabled=!1,t.imageSmoothingEnabled=!1):l.imageSmoothingQuality&&(t.imageSmoothingQuality=l.imageSmoothingQuality),t.drawImage(e,i,a,n,r,0,0,o,s),t},E.requiresCanvas=function(e){return e.canvas||e.crop||!!e.aspectRatio},E.scale=function(e,t,i){t=t||{},i=i||{};var a,n,r,o,s,l,c,f,u,d,g,m=e.getContext||E.requiresCanvas(t)&&!!E.global.HTMLCanvasElement,h=e.naturalWidth||e.width,p=e.naturalHeight||e.height,A=h,b=p;function y(){var e=Math.max((r||A)/A,(o||b)/b);1
t.byteLength){console.log("Invalid JPEG metadata: Invalid segment size.");break}if((n=h.jpeg[i])&&!u.disableMetaDataParsers)for(r=0;re.byteLength)console.log("Invalid Exif data: Invalid directory offset.");else{if(!((c=i+2+12*(l=e.getUint16(i,a)))+4>e.byteLength)){for(f=0;fe.byteLength)){if(1===n)return u.getValue(e,o,r);for(s=[],l=0;ll.byteLength)console.log("Invalid Exif data: Invalid segment size.");else if(0===l.getUint16(e+8)){switch(l.getUint16(g)){case 18761:f=!0;break;case 19789:f=!1;break;default:return void console.log("Invalid Exif data: Invalid byte alignment marker.")}42===l.getUint16(g+2,f)?(e=l.getUint32(g+4,f),c.exif=new m,i.disableExifOffsets||(c.exifOffsets=new m,c.exifTiffOffset=g,c.exifLittleEndian=f),(e=A(l,g,g+e,f,c.exif,c.exifOffsets,u,d))&&p(u,d,"ifd1")&&(c.exif.ifd1=e,c.exifOffsets&&(c.exifOffsets.ifd1=g+e)),Object.keys(c.exif.ifds).forEach(function(e){var t,i,a,n,r,o,s;i=e,a=l,n=g,r=f,o=u,s=d,(e=(t=c).exif[i])&&(t.exif[i]=new m(i),t.exifOffsets&&(t.exifOffsets[i]=new m(i)),A(a,n,n+e,r,t.exif[i],t.exifOffsets&&t.exifOffsets[i],o&&o[i],s&&s[i]))}),(e=c.exif.ifd1)&&e[513]&&(e[513]=function(e,t,i){if(i){if(!(t+i>e.byteLength))return new Blob([n.bufferSlice.call(e.buffer,t,t+i)],{type:"image/jpeg"});console.log("Invalid Exif data: Invalid thumbnail data.")}}(l,g+e[513],e[514]))):console.log("Invalid Exif data: Missing TIFF marker.")}else console.log("Invalid Exif data: Missing byte alignment offset.")}},n.metaDataParsers.jpeg[65505].push(n.parseExifData),n.exifWriters={274:function(e,t,i){var a=t.exifOffsets[274];return a&&new DataView(e,a+8,2).setUint16(0,i,t.exifLittleEndian),e}},n.writeExifData=function(e,t,i,a){return n.exifWriters[t.exif.map[i]](e,t,a)},n.ExifMap=m}),function(e){"use strict";"function"==typeof define&&define.amd?define(["./load-image","./load-image-exif"],e):"object"==typeof module&&module.exports?e(require("./load-image"),require("./load-image-exif")):e(window.loadImage)}(function(e){"use strict";var n=e.ExifMap.prototype;n.tags={256:"ImageWidth",257:"ImageHeight",258:"BitsPerSample",259:"Compression",262:"PhotometricInterpretation",274:"Orientation",277:"SamplesPerPixel",284:"PlanarConfiguration",530:"YCbCrSubSampling",531:"YCbCrPositioning",282:"XResolution",283:"YResolution",296:"ResolutionUnit",273:"StripOffsets",278:"RowsPerStrip",279:"StripByteCounts",513:"JPEGInterchangeFormat",514:"JPEGInterchangeFormatLength",301:"TransferFunction",318:"WhitePoint",319:"PrimaryChromaticities",529:"YCbCrCoefficients",532:"ReferenceBlackWhite",306:"DateTime",270:"ImageDescription",271:"Make",272:"Model",305:"Software",315:"Artist",33432:"Copyright",34665:{36864:"ExifVersion",40960:"FlashpixVersion",40961:"ColorSpace",40962:"PixelXDimension",40963:"PixelYDimension",42240:"Gamma",37121:"ComponentsConfiguration",37122:"CompressedBitsPerPixel",37500:"MakerNote",37510:"UserComment",40964:"RelatedSoundFile",36867:"DateTimeOriginal",36868:"DateTimeDigitized",36880:"OffsetTime",36881:"OffsetTimeOriginal",36882:"OffsetTimeDigitized",37520:"SubSecTime",37521:"SubSecTimeOriginal",37522:"SubSecTimeDigitized",33434:"ExposureTime",33437:"FNumber",34850:"ExposureProgram",34852:"SpectralSensitivity",34855:"PhotographicSensitivity",34856:"OECF",34864:"SensitivityType",34865:"StandardOutputSensitivity",34866:"RecommendedExposureIndex",34867:"ISOSpeed",34868:"ISOSpeedLatitudeyyy",34869:"ISOSpeedLatitudezzz",37377:"ShutterSpeedValue",37378:"ApertureValue",37379:"BrightnessValue",37380:"ExposureBias",37381:"MaxApertureValue",37382:"SubjectDistance",37383:"MeteringMode",37384:"LightSource",37385:"Flash",37396:"SubjectArea",37386:"FocalLength",41483:"FlashEnergy",41484:"SpatialFrequencyResponse",41486:"FocalPlaneXResolution",41487:"FocalPlaneYResolution",41488:"FocalPlaneResolutionUnit",41492:"SubjectLocation",41493:"ExposureIndex",41495:"SensingMethod",41728:"FileSource",41729:"SceneType",41730:"CFAPattern",41985:"CustomRendered",41986:"ExposureMode",41987:"WhiteBalance",41988:"DigitalZoomRatio",41989:"FocalLengthIn35mmFilm",41990:"SceneCaptureType",41991:"GainControl",41992:"Contrast",41993:"Saturation",41994:"Sharpness",41995:"DeviceSettingDescription",41996:"SubjectDistanceRange",42016:"ImageUniqueID",42032:"CameraOwnerName",42033:"BodySerialNumber",42034:"LensSpecification",42035:"LensMake",42036:"LensModel",42037:"LensSerialNumber"},34853:{0:"GPSVersionID",1:"GPSLatitudeRef",2:"GPSLatitude",3:"GPSLongitudeRef",4:"GPSLongitude",5:"GPSAltitudeRef",6:"GPSAltitude",7:"GPSTimeStamp",8:"GPSSatellites",9:"GPSStatus",10:"GPSMeasureMode",11:"GPSDOP",12:"GPSSpeedRef",13:"GPSSpeed",14:"GPSTrackRef",15:"GPSTrack",16:"GPSImgDirectionRef",17:"GPSImgDirection",18:"GPSMapDatum",19:"GPSDestLatitudeRef",20:"GPSDestLatitude",21:"GPSDestLongitudeRef",22:"GPSDestLongitude",23:"GPSDestBearingRef",24:"GPSDestBearing",25:"GPSDestDistanceRef",26:"GPSDestDistance",27:"GPSProcessingMethod",28:"GPSAreaInformation",29:"GPSDateStamp",30:"GPSDifferential",31:"GPSHPositioningError"},40965:{1:"InteroperabilityIndex"}},n.tags.ifd1=n.tags,n.stringValues={ExposureProgram:{0:"Undefined",1:"Manual",2:"Normal program",3:"Aperture priority",4:"Shutter priority",5:"Creative program",6:"Action program",7:"Portrait mode",8:"Landscape mode"},MeteringMode:{0:"Unknown",1:"Average",2:"CenterWeightedAverage",3:"Spot",4:"MultiSpot",5:"Pattern",6:"Partial",255:"Other"},LightSource:{0:"Unknown",1:"Daylight",2:"Fluorescent",3:"Tungsten (incandescent light)",4:"Flash",9:"Fine weather",10:"Cloudy weather",11:"Shade",12:"Daylight fluorescent (D 5700 - 7100K)",13:"Day white fluorescent (N 4600 - 5400K)",14:"Cool white fluorescent (W 3900 - 4500K)",15:"White fluorescent (WW 3200 - 3700K)",17:"Standard light A",18:"Standard light B",19:"Standard light C",20:"D55",21:"D65",22:"D75",23:"D50",24:"ISO studio tungsten",255:"Other"},Flash:{0:"Flash did not fire",1:"Flash fired",5:"Strobe return light not detected",7:"Strobe return light detected",9:"Flash fired, compulsory flash mode",13:"Flash fired, compulsory flash mode, return light not detected",15:"Flash fired, compulsory flash mode, return light detected",16:"Flash did not fire, compulsory flash mode",24:"Flash did not fire, auto mode",25:"Flash fired, auto mode",29:"Flash fired, auto mode, return light not detected",31:"Flash fired, auto mode, return light detected",32:"No flash function",65:"Flash fired, red-eye reduction mode",69:"Flash fired, red-eye reduction mode, return light not detected",71:"Flash fired, red-eye reduction mode, return light detected",73:"Flash fired, compulsory flash mode, red-eye reduction mode",77:"Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected",79:"Flash fired, compulsory flash mode, red-eye reduction mode, return light detected",89:"Flash fired, auto mode, red-eye reduction mode",93:"Flash fired, auto mode, return light not detected, red-eye reduction mode",95:"Flash fired, auto mode, return light detected, red-eye reduction mode"},SensingMethod:{1:"Undefined",2:"One-chip color area sensor",3:"Two-chip color area sensor",4:"Three-chip color area sensor",5:"Color sequential area sensor",7:"Trilinear sensor",8:"Color sequential linear sensor"},SceneCaptureType:{0:"Standard",1:"Landscape",2:"Portrait",3:"Night scene"},SceneType:{1:"Directly photographed"},CustomRendered:{0:"Normal process",1:"Custom process"},WhiteBalance:{0:"Auto white balance",1:"Manual white balance"},GainControl:{0:"None",1:"Low gain up",2:"High gain up",3:"Low gain down",4:"High gain down"},Contrast:{0:"Normal",1:"Soft",2:"Hard"},Saturation:{0:"Normal",1:"Low saturation",2:"High saturation"},Sharpness:{0:"Normal",1:"Soft",2:"Hard"},SubjectDistanceRange:{0:"Unknown",1:"Macro",2:"Close view",3:"Distant view"},FileSource:{3:"DSC"},ComponentsConfiguration:{0:"",1:"Y",2:"Cb",3:"Cr",4:"R",5:"G",6:"B"},Orientation:{1:"Original",2:"Horizontal flip",3:"Rotate 180° CCW",4:"Vertical flip",5:"Vertical flip + Rotate 90° CW",6:"Rotate 90° CW",7:"Horizontal flip + Rotate 90° CW",8:"Rotate 90° CCW"}},n.getText=function(e){var t=this.get(e);switch(e){case"LightSource":case"Flash":case"MeteringMode":case"ExposureProgram":case"SensingMethod":case"SceneCaptureType":case"SceneType":case"CustomRendered":case"WhiteBalance":case"GainControl":case"Contrast":case"Saturation":case"Sharpness":case"SubjectDistanceRange":case"FileSource":case"Orientation":return this.stringValues[e][t];case"ExifVersion":case"FlashpixVersion":return t?String.fromCharCode(t[0],t[1],t[2],t[3]):void 0;case"ComponentsConfiguration":return t?this.stringValues[e][t[0]]+this.stringValues[e][t[1]]+this.stringValues[e][t[2]]+this.stringValues[e][t[3]]:void 0;case"GPSVersionID":return t?t[0]+"."+t[1]+"."+t[2]+"."+t[3]:void 0}return String(t)},n.getAll=function(){var e,t,i={};for(e in this)Object.prototype.hasOwnProperty.call(this,e)&&((t=this[e])&&t.getAll?i[this.ifds[e].name]=t.getAll():(t=this.tags[e])&&(i[t]=this.getText(t)));return i},n.getName=function(e){var t=this.tags[e];return"object"==typeof t?this.ifds[e].name:t},function(){var e,t,i,a=n.tags;for(e in a)if(Object.prototype.hasOwnProperty.call(a,e))if(t=n.ifds[e])for(e in i=a[e])Object.prototype.hasOwnProperty.call(i,e)&&(t.map[i[e]]=Number(e));else n.map[a[e]]=Number(e)}()}),function(e){"use strict";"function"==typeof define&&define.amd?define(["./load-image","./load-image-meta"],e):"object"==typeof module&&module.exports?e(require("./load-image"),require("./load-image-meta")):e(window.loadImage)}(function(e){"use strict";function l(){}function u(e,t,i,a,n){return"binary"===t.types[e]?new Blob([i.buffer.slice(a,a+n)]):"Uint16"===t.types[e]?i.getUint16(a):function(e,t,i){for(var a="",n=t+i,r=t;r {
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+ let r = Math.random()*16|0, v = c === 'x' ? r : (r&0x3|0x8);
+ return v.toString(16);
+ });
}
}
diff --git a/resources/views/components/upload.blade.php b/resources/views/components/upload.blade.php
index 4f48a9da..549956e3 100644
--- a/resources/views/components/upload.blade.php
+++ b/resources/views/components/upload.blade.php
@@ -1,5 +1,8 @@
@push('scripts')
-
+
+
+
+
@endpush
@@ -9,7 +12,7 @@
Image Upload
最大可上传 1.00 MB 的图片，单次同时可选择 3 张。本站已托管 3267 张图片。
-
+
@@ -91,149 +94,138 @@
const UPLOAD_WAITING = 0; // 等待上传
const UPLOAD_SUCCESS = 1; // 上传成功
const UPLOAD_ERROR = 2; // 上传失败
- var uploader = WebUploader.create({
- server: '/upload',
- dnd: '#picker-dnd',
- disableGlobalDnd: true,
- pick: {
- id: '#picker',
- multiple: true,
- },
- threads: 3,
- fileSingleSizeLimit: 5242880,
- formData: {},
- accept: {
- title: 'Images',
- extensions: 'gif,jpg,jpeg,bmp,png',
- mimeTypes: 'image/*'
- }
- });
- var $previews = $('#upload-preview');
- var $links = $('#links-container');
- // 获取某个预览图片dom
- var $getPreview = function (id) {
- return $previews.find('[data-id="' + id + '"]');
+ let $previews = $('#upload-preview');
+ let $links = $('#links-container');
+ let $picker = $('#picker');
+ let queue = []; // 文件队列
+ /**
+ * 设置状态
+ * @param data
+ * @param status
+ */
+ const setStatus = (data, status) => {
+ queue[data.guid].status = data.status = status;
}
- // 设置某个预览片上传状态
- var $setPreviewStatus = function ($preview, status, msg) {
- var $info = $preview.find('.upload-info');
- $info.removeClass('text-green-800 text-red-500');
- switch (status) {
- case UPLOAD_WAITING:
- $info.text('等待上传');
- break;
- case UPLOAD_SUCCESS:
+ $picker.fileupload({
+ url: '{{ route('upload') }}',
+ autoUpload: false,
+ dataType: 'json',
+ limitMultiFileUploads: 1,
+ limitConcurrentUploads: 3,
+ pasteZone: $(document),
+ dropZone: $('#picker-dnd'),
+ headers: {
+ 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
+ },
+ formData: (form) => {
+
+ },
+ add: (e, data) => {
+ // TODO 验证文件size、类型等
+ let guid = utils.guid();
+ data.guid = guid;
+ data.status = UPLOAD_WAITING;
+ let file = data.files[0]
+ loadImage(file, function (img) {
+ if (img.type === 'error') {
+ toastr.error(`文件 ${file.name} 缩略图生成失败`);
+ console.error('Error loading image file')
+ }
+ let html = $('#image-preview-tpl')
+ .html()
+ .replace(/__id__/g, guid)
+ .replace(/__src__/g, img.toDataURL())
+ .replace(/__name__/g, file.name)
+ .replace(/__info__/g, utils.formatSize(file.size));
+ data.$preview = $previews.append(html).show().find(`[data-id="${guid}"]`);
+ queue[guid] = data;
+ }, {
+ maxWidth: 200,
+ maxHeight: 200,
+ meta: true,
+ orientation: true,
+ canvas: true
+ },
+ )
+ },
+ send: (e, data) => {
+ data.$preview.find('[data-operate="upload"]').hide();
+ },
+ progress: (e, data) => {
+ let progress = parseInt(data.loaded / data.total * 100, 10);
+ let $uploadInfo = data.$preview.find('.upload-info');
+ let $uploadProgress = data.$preview.find('.upload-progress');
+ let rate = progress + '%';
+ $uploadInfo.text('上传中...' + rate);
+ $uploadProgress.css('width', rate);
+ },
+ done: (e, data) => {
+ let $info = data.$preview.find('.upload-info');
+ let response = data.result;
+ if (response.status) {
+ setStatus(data, UPLOAD_SUCCESS);
+ data.$preview.attr('uploaded', true);
$info.addClass('text-green-800').text('上传成功');
- break;
- case UPLOAD_ERROR:
- $info.addClass('text-red-500').text('上传失败');
- break;
- }
- if (msg) $info.text(msg);
- };
- uploader.on('uploadBeforeSend', function (object, data, headers) {
- headers['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content');
- });
- uploader.on('fileQueued', function(file) {
- // 创建缩略图
- uploader.makeThumb(file, function(error, src) {
- if (error) {
- // 创建失败
+ // 追加链接
+ for (let key in response.data) {
+ $('#links [data-tab="' + key + '"]').append('
' + response.data[key].toString() + '
')
+ }
+ $links.show();
+ } else {
+ setStatus(data, UPLOAD_ERROR);
+ $info.addClass('text-red-500').text(response.message);
+ // 重新显示上传按钮
+ data.$preview.find('[data-operate="upload"]').show();
}
- var html = $('#image-preview-tpl')
- .html()
- .replace(/__id__/g, file.id)
- .replace(/__src__/g, src)
- .replace(/__name__/g, file.name)
- .replace(/__info__/g, utils.formatSize(file.size));
- $previews.append(html).show();
- }, 100, 100);
- });
- uploader.on('uploadStart', function (file) {
- $getPreview(file.id).find('[data-operate="upload"]').hide();
- });
- uploader.on('uploadAccept', function (object, ret) {
- });
- uploader.on('uploadProgress', function (file, percentage) {
- var $preview = $getPreview(file.id);
- var $uploadInfo = $preview.find('.upload-info');
- var $uploadProgress = $preview.find('.upload-progress');
- var rate = (percentage * 100).toFixed(2) + '%';
- $uploadInfo.text('上传中...' + rate);
- $uploadProgress.css('width', rate);
- });
- uploader.on('uploadError', function (file, reason) {
- // Status Code: 400 ~ 400
- if (reason === 'http') {
- }
- if (reason === 'server') {
- }
- $setPreviewStatus($getPreview(file.id), UPLOAD_ERROR, '服务异常，请刷新重试')
- });
- uploader.on('uploadSuccess', function (file, response) {
- var $preview = $getPreview(file.id);
- if (response.status) {
- $preview.attr('uploaded', true);
- $setPreviewStatus($preview, UPLOAD_SUCCESS);
- // 追加链接
- for (var key in response.data) {
- $('#links [data-tab="' + key + '"]').append('
' + response.data[key].toString() + '
')
- }
- $links.show();
- } else {
- $setPreviewStatus($preview, UPLOAD_ERROR, response.message);
+ },
+ fail: (e, data) => {
+ setStatus(data, UPLOAD_ERROR);
+ // TODO 检查403、419等状态码
+ data.$preview.find('.upload-info').addClass('text-red-500').text('服务端异常，请稍后重试');
// 重新显示上传按钮
- $preview.find('[data-operate="upload"]').show();
- }
- });
- uploader.on('uploadComplete', function (file) {
- console.log('uploadComplete', file)
- });
- uploader.on('error', function (type, max, file) {
- // 不同类型的错误，第二个和第三个参数会有不同，坑😢
- if (type === 'F_EXCEED_SIZE') {
- toastr.warning('文件大小超出限制(max: ' + utils.formatSize(max) + '), ' + file.name);
+ data.$preview.find('[data-operate="upload"]').show();
+ },
+ // 等同于jq的complete
+ always: (e, data) => {
+
}
});
- $('#upload-all').click(function (e) {
- e.stopPropagation();
- // 没有任何未上传的文件，选择文件
- if ($previews.find('[data-id]').length === $previews.find('[data-id][uploaded]').length) {
- $('#picker input').click();
+ $(document).on('drop dragover', (e) => e.preventDefault());
+ $previews.click((e) => e.stopPropagation());
+
+ $('#upload-all').click((e) => {
+ // 队列中没有文件，选择则继续冒泡，选择文件
+ if (Object.values(queue).filter((item) => item.status !== UPLOAD_SUCCESS).length) {
+ e.stopPropagation();
+ for (const key in queue) {
+ if (queue[key].status !== UPLOAD_SUCCESS) {
+ queue[key].submit();
+ }
+ }
}
- // 组件正在上传，不进行任何操作
- if (uploader.isInProgress()) {
- return false;
- }
- // 上传队列中状态正常的文件，上传失败的需要传指定文件重新上传
- uploader.upload();
});
- $previews.click(function (e) {
- e.stopPropagation();
+ $previews.on('click', '[data-operate]', function () {
+ let $preview = $(this).closest('[data-id]');
+ let method = $(this).data('operate');
+ let id = $preview.data('id');
+ if (method === 'remove') {
+ queue[id].abort();
+ delete queue[id];
+ $preview.remove();
+ }
+ if (method === 'upload' && queue[id].status !== UPLOAD_SUCCESS) {
+ queue[id].submit();
+ }
});
$('#clear').click(function (e) {
e.stopPropagation();
- uploader.reset();
+ queue = [];
$previews.html('');
});
- $previews.on('click', '[data-operate]', function () {
- var $getPreview = $(this).closest('[data-id]');
- var method = $(this).data('operate');
- var id = $getPreview.data('id');
- if (method === 'remove') {
- uploader.cancelFile(id);
- uploader.removeFile(id, true);
- $getPreview.remove();
- }
- if (method === 'upload') {
- uploader.upload(id);
- }
- });
-
$('[data-tab-name]').click(function () {
$(this).removeClass('active border-transparent')
.addClass('active border-indigo-500')
@@ -248,6 +240,5 @@
$('[data-tab]').html('')
$links.hide();
});
-
@endpush
diff --git a/webpack.mix.js b/webpack.mix.js
index 33850583..5ed27271 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -18,3 +18,9 @@ mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', 'pub
]);
mix.less('resources/css/fontawesome.less', 'public/css');
mix.less('resources/css/common.less', 'public/css');
+
+mix.copy('node_modules/blueimp-file-upload/js/vendor/jquery.ui.widget.js', 'public/js');
+mix.copy('node_modules/blueimp-file-upload/js/jquery.iframe-transport.js', 'public/js');
+mix.copy('node_modules/blueimp-file-upload/js/jquery.fileupload.js', 'public/js');
+mix.copy('node_modules/blueimp-load-image/js/load-image.all.min.js', 'public/js')
+